:root {
  --orange: #f26b22;
  --orange-dark: #d94a1a;
  --navy: #101827;
  --navy-2: #172033;
  --bg: #f6f7fb;
  --card: #ffffff;
  --muted: #667085;
  --border: #e4e7ec;
  --green: #0f9f6e;
  --red: #c7352d;
  --yellow: #b7791f;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; width: 100%; min-height: 100%; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; background: var(--bg); color: var(--navy); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; }
.auth-hero { padding: 64px 56px; color: #fff; background: linear-gradient(140deg, rgba(16,24,39,.95), rgba(242,107,34,.86)), radial-gradient(circle at 20% 20%, rgba(255,255,255,.2), transparent 26%); display: flex; flex-direction: column; justify-content: center; }
.brand-mark { width: 72px; height: 72px; border-radius: 22px; background: #fff; color: var(--orange); display: grid; place-items: center; font-weight: 900; font-size: 24px; margin-bottom: 32px; }
.auth-hero h1 { font-size: clamp(38px, 6vw, 72px); line-height: .95; letter-spacing: -2px; margin: 0 0 24px; }
.auth-hero p { max-width: 680px; font-size: 20px; line-height: 1.6; opacity: .94; }
.legal-row { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 24px; opacity: .9; }
.auth-card { background: #fff; padding: 36px; overflow-y: auto; }
.tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 22px; background: #f1f3f7; padding: 6px; border-radius: 18px; }
.tab { border: 0; border-radius: 14px; background: transparent; padding: 14px; font-weight: 800; cursor: pointer; color: var(--muted); }
.tab.active { background: #fff; color: var(--navy); box-shadow: 0 8px 22px rgba(16,24,39,.08); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
form { display: grid; gap: 14px; }
label { display: grid; gap: 7px; font-weight: 700; }
input, select, textarea { width: 100%; border: 1px solid var(--border); border-radius: 14px; padding: 13px 14px; background: #fff; color: var(--navy); }
textarea { min-height: 95px; resize: vertical; }
input:disabled { background: #f3f4f6; color: #667085; }
.grid { display: grid; gap: 14px; }
.grid.two { grid-template-columns: 1fr 1fr; }
.check { display: flex; grid-template-columns: auto 1fr; align-items: start; gap: 10px; font-weight: 500; }
.check input { width: auto; margin-top: 4px; }
.btn { border: 0; border-radius: 14px; padding: 13px 17px; font-weight: 900; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #edf0f5; color: var(--navy); }
.btn.primary { background: linear-gradient(135deg, var(--orange), var(--orange-dark)); color: #fff; box-shadow: 0 12px 30px rgba(242,107,34,.25); }
.btn.small { padding: 10px 12px; border-radius: 12px; }
.btn.tiny { padding: 7px 9px; border-radius: 10px; font-size: 12px; margin: 2px; }
.link-btn { border: 0; background: transparent; color: #fff; opacity: .86; padding: 14px 18px; text-align: left; cursor: pointer; width: 100%; font-weight: 700; }
.oauth { display: grid; gap: 8px; margin-top: 16px; }
.oauth button { border: 1px dashed var(--border); border-radius: 14px; padding: 12px; background: #f9fafb; color: var(--muted); }
.flash { position: fixed; z-index: 9999; top: 18px; right: 18px; max-width: min(420px, calc(100vw - 36px)); padding: 14px 16px; border-radius: 16px; box-shadow: 0 12px 35px rgba(16,24,39,.18); display: flex; align-items: center; gap: 12px; background: #fff; }
.flash.success { border-left: 6px solid var(--green); }
.flash.error { border-left: 6px solid var(--red); }
.flash button { border: 0; background: transparent; font-size: 22px; cursor: pointer; }
.app-layout { min-height: 100vh; display: grid; grid-template-columns: 284px 1fr; }
.sidebar { background: var(--navy); color: #fff; padding: 22px; position: sticky; top: 0; height: 100vh; overflow: auto; }
.logo { font-size: 24px; font-weight: 950; margin-bottom: 28px; }
.logo span { display: block; color: var(--orange); }
.user-mini { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; padding: 16px; display: grid; gap: 8px; margin-bottom: 20px; }
.user-mini img { width: 54px; height: 54px; border-radius: 16px; object-fit: cover; }
.user-mini small { opacity: .75; }
.sidebar nav { display: grid; gap: 4px; }
.sidebar nav a { padding: 12px 14px; border-radius: 13px; color: rgba(255,255,255,.84); font-weight: 750; }
.sidebar nav a.active, .sidebar nav a:hover { background: rgba(255,255,255,.12); color: #fff; }
.content { padding: 24px; min-width: 0; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.topbar h1 { margin: 0; font-size: clamp(24px, 4vw, 40px); letter-spacing: -.8px; }
.menu-toggle { display: none; }
.message-icon { width: 46px; height: 46px; border-radius: 999px; background: #fff; display: grid; place-items: center; box-shadow: 0 10px 26px rgba(16,24,39,.08); }
.panel, .card, .action-card, .listing { background: #fff; border: 1px solid var(--border); border-radius: 24px; padding: 22px; box-shadow: 0 10px 28px rgba(16,24,39,.04); }
.panel { margin-bottom: 18px; }
.dashboard-hero { background: linear-gradient(135deg, var(--navy), #26334d); color: #fff; padding: 28px; border-radius: 28px; margin-bottom: 18px; }
.avatar-big { width: 90px; height: 90px; border-radius: 26px; object-fit: cover; border: 4px solid rgba(255,255,255,.25); }
.cards { display: grid; gap: 16px; margin-bottom: 18px; }
.cards.four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.card span { color: var(--muted); display: block; margin-bottom: 8px; font-weight: 700; }
.card strong { font-size: 24px; }
.action-grid, .listing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.action-card h3, .listing h3 { margin-top: 0; }
.notice.locked { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 24px; padding: 20px; margin-bottom: 18px; }
.status-grid { display: flex; gap: 10px; flex-wrap: wrap; }
.status-grid span { background: #fff; border: 1px solid #fed7aa; border-radius: 999px; padding: 8px 12px; font-weight: 800; }
.badge { display: inline-flex; border-radius: 999px; padding: 5px 10px; font-size: 12px; font-weight: 900; background: #fff7ed; color: var(--yellow); }
.badge.ok { background: #e9f8f1; color: var(--green); }
.badge.danger { background: #fdecec; color: var(--red); }
.badge.warn { background: #fff7ed; color: var(--yellow); }
.doc-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.doc-preview, .listing-img { width: 100%; max-height: 180px; object-fit: cover; border-radius: 18px; border: 1px solid var(--border); }
.row { border: 1px solid var(--border); border-radius: 16px; padding: 14px; margin: 10px 0; background: #fff; }
.inline { display: inline-flex; margin-left: 8px; }
.message { border: 1px solid var(--border); border-radius: 18px; padding: 14px; margin: 10px 0; background: #fff; }
.muted { color: var(--muted); }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 760px; }
th, td { padding: 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: 13px; }
.actions { min-width: 260px; }
.legal { max-width: 920px; margin: 0 auto; padding: 40px 20px; line-height: 1.75; }
.back-to-top { position: fixed; right: 18px; bottom: 22px; width: 48px; height: 48px; border: 0; border-radius: 999px; background: linear-gradient(135deg, var(--orange), var(--orange-dark)); color: #fff; font-size: 24px; font-weight: 900; box-shadow: 0 14px 30px rgba(16,24,39,.25); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .22s ease; z-index: 999; }
.back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
@media (max-width: 980px) {
  .auth-shell, .app-layout { grid-template-columns: 1fr; }
  .auth-hero { padding: 42px 24px; min-height: 42vh; }
  .auth-card { padding: 24px; }
  .sidebar { position: fixed; left: -300px; top: 0; z-index: 9998; width: 284px; transition: left .24s ease; }
  .sidebar.open { left: 0; }
  .content { padding: 16px; }
  .menu-toggle { display: inline-flex; border: 0; border-radius: 12px; padding: 10px 12px; background: #fff; box-shadow: 0 8px 22px rgba(16,24,39,.08); }
  .cards.four, .action-grid, .listing-grid, .doc-grid, .grid.two { grid-template-columns: 1fr; }
  .topbar { position: sticky; top: 0; z-index: 200; background: rgba(246,247,251,.92); backdrop-filter: blur(10px); padding: 10px 0; }
}
@media (max-width: 520px) {
  .auth-hero h1 { font-size: 40px; }
  .auth-hero p { font-size: 16px; }
  .panel, .card, .action-card, .listing { border-radius: 20px; padding: 18px; }
  .flash { left: 12px; right: 12px; top: 12px; max-width: none; }
}


/* UX compacte FretPro Africa — menu réduit, tableau de bord mobile, français uniquement */
body { font-size: 15px; }
.app-layout { grid-template-columns: 248px 1fr; }
.sidebar { width: 248px; padding: 16px; }
.logo { font-size: 21px; margin-bottom: 18px; }
.user-mini { border-radius: 16px; padding: 12px; gap: 6px; margin-bottom: 14px; }
.user-mini img { width: 44px; height: 44px; border-radius: 13px; }
.sidebar nav { gap: 2px; }
.sidebar nav a, .link-btn { padding: 10px 12px; border-radius: 11px; font-size: 15px; line-height: 1.15; }
.nav-separator { width: 100%; border: 0; border-top: 1px solid rgba(255,255,255,.14); margin: 8px 0; }
.link-btn.logout { color: #ffded2; }
.content { padding: 18px; }
.topbar { margin-bottom: 14px; }
.topbar h1 { font-size: clamp(22px, 5vw, 32px); letter-spacing: -.5px; }
.message-icon { width: 42px; height: 42px; }
.panel, .card, .action-card, .listing { border-radius: 18px; padding: 16px; }
.panel h2 { font-size: 24px; margin: 0 0 12px; }
.dashboard-card { background: #fff; border: 1px solid var(--border); border-radius: 22px; padding: 16px; margin-bottom: 14px; box-shadow: 0 8px 22px rgba(16,24,39,.04); }
.profile-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.profile-row h2 { margin: 0; font-size: 22px; letter-spacing: -.3px; }
.profile-row p { margin: 5px 0 0; color: var(--muted); }
.avatar-compact { width: 58px; height: 58px; border-radius: 18px; object-fit: cover; background: #edf0f5; display: grid; place-items: center; font-weight: 900; color: var(--orange); }
.stats-compact { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.stats-compact div { background: #f8fafc; border: 1px solid var(--border); border-radius: 16px; padding: 12px; min-height: 76px; }
.stats-compact span { display: block; color: var(--muted); font-size: 13px; font-weight: 800; margin-bottom: 6px; }
.stats-compact strong { font-size: 19px; letter-spacing: -.2px; }
.quick-actions { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }
.quick-actions a, .publish-choices a { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 14px; font-weight: 900; box-shadow: 0 8px 22px rgba(16,24,39,.04); }
.publish-choices { display: grid; gap: 10px; }
.publish-choices a { display: grid; gap: 5px; }
.publish-choices span { color: var(--muted); font-weight: 500; }
.notice.locked { padding: 16px; border-radius: 18px; }
.notice.locked h2 { font-size: 21px; }
.status-grid span { font-size: 13px; padding: 7px 10px; }
.doc-grid.compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
.doc-preview { max-height: 120px; }
.auth-hero h1 { font-size: clamp(34px, 5.6vw, 64px); }
.auth-hero p { font-size: 18px; }
@media (max-width: 980px) {
  .sidebar { left: -260px; width: 248px; }
  .content { padding: 14px; }
  .cards.four { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .action-grid, .listing-grid { grid-template-columns: 1fr; }
  .doc-grid, .doc-grid.compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px) {
  body { font-size: 14px; }
  .topbar h1 { font-size: 25px; }
  .stats-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .quick-actions { grid-template-columns: 1fr; }
  .panel, .card, .action-card, .listing, .dashboard-card { padding: 14px; border-radius: 17px; }
  .panel h2 { font-size: 22px; }
  .profile-row h2 { font-size: 20px; }
  .btn { padding: 11px 14px; }
  input, select, textarea { padding: 11px 12px; border-radius: 12px; }
}

/* FretPro Africa V3 stable — annonces, reset password, admin mobile */
.reset-shell .auth-card h2 { margin-top: 0; font-size: 28px; }
.filter-bar { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 12px; align-items: end; }
.filter-bar .btn { min-height: 48px; }
.empty-state { text-align: center; color: var(--muted); }
.compact-lock { margin: 12px 0; padding: 14px; border-radius: 16px; }
.lock-hint { color: var(--muted); font-weight: 700; background: #f8fafc; border: 1px dashed var(--border); border-radius: 14px; padding: 10px 12px; }
.listing details { margin-top: 12px; border-top: 1px solid var(--border); padding-top: 12px; }
.listing summary { cursor: pointer; font-weight: 900; color: var(--orange-dark); }
.sidebar.open { box-shadow: 0 20px 80px rgba(16,24,39,.28); }
.admin-body .table-wrap table { min-width: 820px; }
.admin-body .topbar .menu-toggle { margin-right: 4px; }
@media (max-width: 1180px) {
  .filter-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .filter-bar { grid-template-columns: 1fr 1fr; }
  .admin-body .app-layout { grid-template-columns: 1fr; }
  .admin-body .sidebar { position: fixed; left: -260px; top: 0; width: 248px; height: 100vh; z-index: 9998; transition: left .24s ease; }
  .admin-body .sidebar.open { left: 0; }
  .admin-body .content { padding: 14px; }
  .admin-body .topbar { position: sticky; top: 0; z-index: 200; background: rgba(246,247,251,.92); backdrop-filter: blur(10px); padding: 10px 0; }
  .admin-body .menu-toggle { display: inline-flex; border: 0; border-radius: 12px; padding: 10px 12px; background: #fff; box-shadow: 0 8px 22px rgba(16,24,39,.08); }
}
@media (max-width: 560px) {
  .filter-bar { grid-template-columns: 1fr; }
  .listing-grid { gap: 12px; }
  .auth-card { padding: 18px; }
  .auth-hero { padding: 34px 20px; }
  .tabs { position: sticky; top: 0; z-index: 5; }
}


/* V3.1 — correction mobile pleine largeur : annule les règles desktop qui repassaient après les media queries */
@media (max-width: 980px) {
  html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; }
  .app-layout { display: block !important; grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; min-height: 100vh; }
  .content { width: 100% !important; max-width: 100% !important; padding: 16px !important; margin: 0 !important; }
  .sidebar { position: fixed !important; left: -280px !important; top: 0 !important; width: 260px !important; max-width: 86vw !important; height: 100vh !important; z-index: 9998 !important; transition: left .24s ease !important; }
  .sidebar.open { left: 0 !important; }
  .topbar { width: 100% !important; }
  .panel, .card, .action-card, .listing, .dashboard-card { width: 100% !important; max-width: 100% !important; }
  form, .filter-bar, .grid, .grid.two, .action-grid, .listing-grid, .doc-grid, .cards, .cards.four { width: 100% !important; max-width: 100% !important; grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .content { padding: 14px !important; }
  .topbar h1 { font-size: 34px !important; line-height: 1.04 !important; }
  .panel h2, .card h2 { font-size: 28px !important; line-height: 1.08 !important; }
  input, select, textarea { min-width: 0 !important; }
  .btn { width: 100%; }
}

/* V3.2 — correctif mobile définitif + anti-cache */
.brand-link, .logo-link { text-decoration: none; }
.logo.logo-link { display: block; color: #fff; }
.logo.logo-link span { color: var(--orange); }

@media (max-width: 1280px), (hover: none) and (pointer: coarse) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
  body { background: var(--bg) !important; }
  .app-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -290px !important;
    width: 270px !important;
    max-width: 86vw !important;
    height: 100dvh !important;
    z-index: 9998 !important;
    transition: left .24s ease !important;
  }
  .sidebar.open { left: 0 !important; }
  .content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
  }
  .topbar {
    width: 100% !important;
    max-width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 200 !important;
    padding: 10px 0 !important;
    background: rgba(246,247,251,.94) !important;
    backdrop-filter: blur(10px);
  }
  .menu-toggle { display: inline-flex !important; }
  .panel, .card, .action-card, .listing, .dashboard-card, .notice.locked {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  form, label, input, select, textarea, button, .filter-bar, .grid, .grid.two, .action-grid, .listing-grid, .doc-grid, .doc-grid.compact, .cards, .cards.four, .stats-compact, .quick-actions {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .filter-bar, .grid.two, .action-grid, .listing-grid, .doc-grid, .doc-grid.compact, .cards.four, .quick-actions {
    grid-template-columns: 1fr !important;
  }
  table { min-width: 720px; }
}

@media (max-width: 560px), (hover: none) and (pointer: coarse) {
  .content { padding: 12px !important; }
  .topbar h1 { font-size: 32px !important; line-height: 1.05 !important; }
  .panel, .card, .action-card, .listing, .dashboard-card, .notice.locked { padding: 16px !important; border-radius: 20px !important; }
  input, select, textarea { padding: 12px 13px !important; border-radius: 14px !important; }
  .btn { width: 100% !important; }
  .auth-shell { display: block !important; width: 100% !important; }
  .auth-hero, .auth-card { width: 100% !important; max-width: 100% !important; }
}

/* V3.3 — Statuts de vérification compacts */
.compact-status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.verify-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.92rem;
  border: 1px solid rgba(14, 24, 43, 0.12);
  background: #fff;
  white-space: nowrap;
}
.verify-pill.ok {
  color: #0f7a46;
  border-color: rgba(15, 122, 70, 0.22);
  background: rgba(15, 122, 70, 0.08);
}
.verify-pill.wait {
  color: #a16207;
  border-color: rgba(245, 158, 11, 0.32);
  background: rgba(245, 158, 11, 0.09);
}

@media (max-width: 640px) {
  .compact-status {
    gap: 8px;
  }
  .verify-pill {
    flex: 1 1 auto;
    min-width: 0;
    padding: 7px 10px;
    font-size: 0.86rem;
  }
}

/* V3.4 — messagerie : notification enveloppe + réponses */
.message-icon { position: relative; text-decoration: none; color: var(--navy); }
.message-icon.has-unread { background: #fff7ed; color: var(--orange-dark); }
.message-count {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 950;
    border: 2px solid #fff;
    box-shadow: 0 8px 18px rgba(239,68,68,.25);
}
.message-thread {
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 0;
    margin: 12px 0;
    background: #fff;
    overflow: hidden;
}
.message-thread.unread { border-color: #fdba74; background: #fffaf3; }
.message-thread summary {
    cursor: pointer;
    list-style: none;
    padding: 16px;
    display: grid;
    gap: 7px;
}
.message-thread summary::-webkit-details-marker { display: none; }
.message-thread summary strong { letter-spacing: .2px; }
.message-thread summary small { color: var(--muted); font-weight: 750; }
.new-dot {
    display: inline-flex;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: 950;
    vertical-align: middle;
}
.message-body { padding: 0 16px 12px; }
.message-body p { white-space: pre-wrap; margin-top: 0; }
.reply-form {
    border-top: 1px solid var(--border);
    padding: 16px;
    background: #f8fafc;
}
.reply-form textarea { min-height: 90px; }
@media (max-width: 760px) {
    .message-thread summary { padding: 14px; }
    .reply-form { padding: 14px; }
}

/* V3.5 — FAQ, annonces cliquables, suppression logique */
.legal.faq-page, .faq-page { max-width: 1040px; }
.faq-page h1 { margin-top: 0; }
.faq-page h2 { margin: 26px 0 12px; }
.faq-list { display: grid; gap: 10px; margin-bottom: 14px; }
.faq-list details { border: 1px solid var(--border); border-radius: 16px; background: #fff; padding: 0; overflow: hidden; }
.faq-list summary { cursor: pointer; list-style: none; padding: 14px 16px; font-weight: 900; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; float: right; font-weight: 900; color: var(--orange); }
.faq-list details[open] summary:after { content: '–'; }
.faq-list p { margin: 0; padding: 0 16px 16px; color: var(--muted); line-height: 1.55; }
.id-link { color: var(--orange-dark); text-decoration: underline; text-underline-offset: 3px; font-weight: 900; }
.listing-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.danger-inline { margin-left: auto; }
.btn.danger { background: #fff1f0; color: var(--red); border: 1px solid rgba(199,53,45,.25); }
.ad-detail .detail-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
.detail-grid p { border: 1px solid var(--border); border-radius: 14px; padding: 12px; margin: 0; background: #fafbff; }
.detail-img { width: 100%; max-width: 520px; border-radius: 18px; border: 1px solid var(--border); margin: 12px 0; display: block; }
.detail-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
@media (max-width: 760px) {
  .detail-grid { grid-template-columns: 1fr; }
  .listing-row { align-items: flex-start; }
  .danger-inline { margin-left: 0; width: 100%; }
  .danger-inline .btn { width: 100%; }
}


/* V3.8 — stabilisation menu mobile + profils/avis */
.sidebar-backdrop {
  display: none;
}
.rating-link, .rating-mini { color: var(--muted); font-weight: 800; text-decoration: none; }
.rating-link:hover { color: var(--orange-dark); text-decoration: underline; }
.public-profile .stats-compact strong { word-break: break-word; }
.review-row { display: block; }

@media (max-width: 1280px), (hover: none) and (pointer: coarse) {
  .app-layout {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    transform: translateX(-110%) !important;
    width: 280px !important;
    max-width: 88vw !important;
    height: 100dvh !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    transition: transform .22s ease !important;
    box-shadow: none !important;
  }
  .sidebar.open {
    left: 0 !important;
    transform: translateX(0) !important;
    box-shadow: 0 24px 90px rgba(16,24,39,.35) !important;
  }
  .sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .38);
    z-index: 9997;
  }
  body.sidebar-open .sidebar-backdrop { display: block; }
  .menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    min-height: 48px !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }
  .topbar { position: relative !important; z-index: 100 !important; }
}

@media (max-width: 640px) {
  .public-profile .profile-row { align-items: flex-start; }
  .public-profile .profile-row h2 { font-size: 28px !important; }
  .review-row { padding: 14px !important; }
}

/* V3.9 menu stable */
.sidebar-backdrop { cursor: pointer; }
body.sidebar-open { overflow: hidden; }
@media (max-width: 1280px), (hover: none) and (pointer: coarse) { .sidebar a { cursor: pointer; touch-action: manipulation; } }


/* V3.9.1 — signalétique pro + menu mobile plus lisible */
.badge.pro { background: #111827; color: #fff; border: 1px solid rgba(255,255,255,.18); margin-left: 6px; letter-spacing: .3px; }
.role-label { color: var(--muted); font-weight: 800; }
.listing > .badge { margin-right: 6px; margin-bottom: 8px; }
.sidebar .badge.pro { margin-left: 0; padding: 4px 8px; font-size: 11px; }
.sidebar-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, .42); opacity: 0; visibility: hidden; transition: .22s ease; z-index: 9997; }
body.sidebar-open .sidebar-backdrop { opacity: 1; visibility: visible; }
body.sidebar-open { overflow: hidden; }
@media (max-width: 980px) {
  .sidebar { max-width: min(84vw, 320px); }
  .sidebar.open { box-shadow: 20px 0 60px rgba(15,23,42,.35); }
}


/* V3.9.2 — menu fermeture visible + anti faux positifs */
.sidebar-close {
  display: none;
  position: sticky;
  top: 0;
  margin-left: auto;
  margin-bottom: 8px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}
@media (max-width: 1280px), (hover: none) and (pointer: coarse) {
  .sidebar-close { display: inline-flex; align-items: center; justify-content: center; }
  body.sidebar-open .sidebar-backdrop { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
}

/* V3.9.4 — correctif menu iPhone + visibilité annonces + logo */
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.logo-image-link { display:block; background:#fff; border-radius:16px; padding:8px; margin-bottom:16px; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.logo-image-link img { display:block; width:100%; max-width:210px; height:auto; object-fit:contain; border-radius:10px; }
.sidebar { pointer-events:auto !important; }
.sidebar-backdrop { pointer-events:none !important; }
body.sidebar-open .sidebar-backdrop { pointer-events:auto !important; }
@media (max-width:1280px), (hover:none) and (pointer:coarse) {
  .menu-toggle, [data-menu], [data-sidebar-toggle] { pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent; }
  .sidebar { transform:translateX(-112%) !important; left:0 !important; will-change:transform; }
  .sidebar.open { transform:translateX(0) !important; }
  .sidebar-close { display:inline-flex !important; position:sticky !important; top:0 !important; z-index:10000 !important; }
  body.sidebar-open .sidebar-backdrop { display:block !important; opacity:1 !important; visibility:visible !important; }
}

/* V3.9.5 — stabilisation réelle : menu sans dépendance JS + ancien logo texte */
.logo-image-link img { display: none !important; }
.logo.logo-link { display: inline-block; color: #fff; text-decoration: none; font-weight: 950; font-size: 28px; line-height: 1.05; letter-spacing: -.04em; }
.logo.logo-link span { display: block; color: var(--orange); }
.sidebar-close { text-decoration: none; }
@media (max-width: 1280px), (hover: none) and (pointer: coarse) {
  .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; text-decoration: none; color: var(--blue); cursor: pointer; min-width: 44px; min-height: 44px; }
  .sidebar { left: 0 !important; transform: translateX(-112%) !important; transition: transform .22s ease !important; z-index: 10000 !important; }
  .sidebar.open, .sidebar:target { transform: translateX(0) !important; }
  .sidebar-backdrop { position: fixed !important; inset: 0 !important; background: rgba(15, 23, 42, .42) !important; z-index: 9999 !important; display: none; opacity: 1 !important; visibility: visible !important; }
  body.sidebar-open .sidebar-backdrop, .sidebar:target + .sidebar-backdrop { display: block !important; pointer-events: auto !important; }
  .sidebar-close { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.12); color: #fff; font-size: 28px; font-weight: 900; float: right; margin-bottom: 8px; position: sticky; top: 0; z-index: 10001; }
  .sidebar .logo { clear: both; }
}

/* V4.0.2 — admin compact + accueil plus premium, sans toucher aux données */
.auth-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(140deg, rgba(15, 23, 42, .96), rgba(15, 23, 42, .70) 45%, rgba(242, 107, 34, .88)),
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, .24), transparent 26%),
    radial-gradient(circle at 78% 12%, rgba(35, 166, 89, .30), transparent 28%),
    linear-gradient(120deg, #0f172a, #f26b22);
}
.auth-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .14;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.14) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.14) 87.5%, rgba(255,255,255,.14)),
    linear-gradient(150deg, rgba(255,255,255,.14) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.14) 87.5%, rgba(255,255,255,.14));
  background-size: 72px 72px;
  pointer-events: none;
}
.auth-hero > * { position: relative; z-index: 1; }

.admin-mini-stats .card { min-height: 94px; }
.admin-accounts-panel { overflow: visible; }
.admin-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(160px, .7fr) minmax(160px, .7fr) auto auto;
  gap: 12px;
  align-items: end;
  margin: 18px 0;
}
.admin-filters label { margin: 0; }
.admin-result-line { margin: 10px 0 18px; color: var(--muted); }
.admin-user-list { display: grid; gap: 14px; }
.admin-user-card {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}
.admin-user-main {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 14px;
  align-items: center;
}
.admin-user-main h3 { margin: 0 0 4px; font-size: 22px; }
.admin-user-main p { margin: 3px 0; }
.admin-avatar {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid var(--line);
  background: #f8fafc;
}
.admin-avatar.placeholder {
  display: grid;
  place-items: center;
  font-weight: 900;
  color: var(--navy);
}
.admin-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}
.admin-user-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.admin-user-grid > div {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  overflow-wrap: anywhere;
}
.admin-user-details {
  margin-top: 12px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
.admin-user-details summary { cursor: pointer; font-weight: 800; color: var(--orange); }
.admin-actions-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.status-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.status-form select { min-width: 160px; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--line); }
.admin-copy-line { margin: 12px 0; }
.admin-copy-line input { font-size: 13px; }
.admin-copy-line small { display: block; color: var(--muted); margin-top: 6px; }
.admin-doc-line { color: var(--muted); margin: 10px 0; }
.admin-note-inline textarea { min-height: 70px; }
.pagination { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.muted-btn { background: #eef2f7; color: var(--navy); text-decoration: none; }

@media (max-width: 760px) {
  .admin-filters { grid-template-columns: 1fr; }
  .admin-user-grid { grid-template-columns: 1fr; }
  .admin-user-card { padding: 14px; border-radius: 18px; }
  .admin-user-main { grid-template-columns: 48px 1fr; }
  .admin-avatar { width: 48px; height: 48px; border-radius: 15px; }
  .admin-user-main h3 { font-size: 19px; }
  .admin-actions-grid .btn, .status-form .btn { width: 100%; }
  .status-form select { width: 100%; }
}

/* V3.9.11 — outils mot de passe */
.password-field {
  display: block;
  position: relative;
  width: 100%;
}
.password-field > input {
  width: 100%;
  padding-right: 9.5rem;
}
.password-actions {
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  z-index: 2;
}
.password-action {
  border: 0;
  border-radius: .85rem;
  padding: .45rem .6rem;
  background: #f2f5f9;
  color: #101827;
  font-weight: 800;
  font-size: .9rem;
  line-height: 1;
  cursor: pointer;
}
.password-action:active { transform: translateY(1px); }
.copy-password { min-width: 4.2rem; }
@media (max-width: 520px) {
  .password-field > input { padding-right: 8.4rem; }
  .password-action { padding: .42rem .5rem; font-size: .82rem; }
  .copy-password { min-width: 3.7rem; }
}

/* V3.9.12 - Password tools robustes */
.password-field{display:block;position:relative;width:100%}
.password-field>input{width:100%;padding-right:8.7rem!important}
.password-actions{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);display:flex;gap:.35rem;align-items:center;z-index:2}
.password-action{border:0;border-radius:.7rem;padding:.42rem .55rem;background:#eef2f7;color:#0f172a;font-weight:800;font-size:.82rem;line-height:1;cursor:pointer;min-height:2.15rem}
.password-action:active{transform:translateY(1px)}
@media(max-width:520px){.password-field>input{padding-right:7.9rem!important}.password-action{font-size:.76rem;padding:.38rem .45rem}}

/* V4.0 — Email system + PRO badge stabilization */
.pro-origin{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
  margin:.35rem 0 .65rem;
  padding:.45rem .55rem;
  border:1px solid rgba(20,184,92,.18);
  background:#f0fff6;
  border-radius:999px;
  color:#0f5132;
  width:fit-content;
  max-width:100%;
}
.pro-origin-logo{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(20,184,92,.25);
  background:#fff;
}
.pro-origin strong{font-size:.92rem;color:#0f172a;max-width:13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-origin small{font-weight:800;color:#178b4d}
.mail-admin-list{display:grid;gap:12px;margin-top:16px}
.mail-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}
.mail-card-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:space-between}
.mail-card label{display:block;margin-top:10px}
.resend-validation{margin-top:14px}
.resend-validation .btn{width:auto}
@media(max-width:640px){.pro-origin{border-radius:18px}.pro-origin strong{max-width:9.5rem}.mail-card-head{display:block}.mail-card .btn{width:100%}}


/* V4.0.2 — administration annonces compacte + retour contrôle utilisateur */
.admin-user-card[data-focused="1"], .admin-listing-card[data-focused="1"] {
  outline: 3px solid rgba(242, 107, 34, .28);
  box-shadow: 0 16px 44px rgba(242, 107, 34, .14);
}
.admin-listings-panel { overflow: visible; }
.admin-listing-list { display: grid; gap: 10px; }
.admin-listing-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 26px rgba(15,23,42,.035);
}
.admin-listing-card.is-deleted { opacity: .72; background: #fbfbfc; }
.admin-listing-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.admin-listing-head h3 { margin: 6px 0 0; font-size: 19px; }
.admin-route { text-align: right; font-size: 16px; color: var(--navy); }
.admin-type-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 10px;
  background: #eef6ff;
  color: #0f3b73;
  font-weight: 900;
  font-size: 12px;
}
.admin-listing-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14px;
}
.admin-listing-details { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 10px; }
.admin-listing-details summary { cursor: pointer; font-weight: 900; color: var(--orange-dark); }
.admin-listing-control { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; }
.admin-listing-control form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; }
.admin-listing-control select { min-width: 170px; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--line); }
.admin-listing-body { background: #f8fafc; border: 1px solid var(--line); border-radius: 14px; padding: 10px; }
.compact-note { margin: 8px 0 0; font-size: 13px; }

@media (max-width: 760px) {
  .admin-listing-card { padding: 12px; border-radius: 16px; }
  .admin-listing-head { grid-template-columns: 1fr; gap: 4px; }
  .admin-route { text-align: left; font-size: 15px; }
  .admin-listing-meta { font-size: 13px; gap: 6px; }
  .admin-listing-control, .admin-listing-control form { width: 100%; }
  .admin-listing-control select, .admin-listing-control .btn { width: 100%; }
}

/* V4.1 — Devis fret professionnel */
.badge.new {
  background: #eaf3ff;
  color: #1264c8;
  border: 1px solid rgba(18,100,200,.16);
}
.freight-listing .quote-details,
.quote-panel {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.quote-details summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--orange-dark);
  list-style: none;
}
.quote-details summary::-webkit-details-marker { display: none; }
.quote-form {
  margin-top: 14px;
}
.quote-form .grid.three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.quote-panel {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
  margin: 20px 0;
}
.detail-head .badge.new { margin-right: 8px; }
@media (max-width: 720px) {
  .quote-form .grid.three { grid-template-columns: 1fr; }
}

/* V4.2 — Paiement / devis fret professionnel */
.quote-card,
.payment-card {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 22px;
  padding: 18px;
  margin: 16px 0;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}
.quote-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.quote-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.quote-grid p {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 12px;
  margin: 0;
}
.quote-action {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e5e7eb;
}
.delivery-code-box {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 18px;
  padding: 14px;
  color: #111827;
}
.danger-zone {
  margin-top: 12px;
}
@media (max-width: 720px) {
  .quote-grid {
    grid-template-columns: 1fr;
  }
  .quote-head {
    flex-direction: column;
  }
}

.quote-context,
.simulation-box {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 18px;
  padding: 14px 16px;
  margin: 12px 0;
  color: #0f172a;
}
.simulation-box {
  background: #fff7ed;
  border-color: #fed7aa;
}

/* V4.2.2 — simulation fret claire */
.simulation-box.ready {
  background: #ecfdf5;
  border-color: #86efac;
}
.simulation-total {
  display: inline-block;
  margin-top: 8px;
  font-size: 1.08em;
}
.estimate-summary {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 14px 16px;
  margin: 14px 0;
}
.estimate-summary.large {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e5e7eb;
}
.quote-result .success-text {
  color: #047857;
  font-weight: 700;
}
.quote-result .total-line {
  border-top: 1px solid #e5e7eb;
  padding-top: 10px;
  margin-top: 10px;
  font-size: 1.08em;
}

/* V4.3 — Interface compacte mobile : filtres repliables + profil condensé */
.filter-panel {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(16,24,39,.04);
  overflow: hidden;
  margin-top: 12px;
}
.filter-panel summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  font-weight: 950;
}
.filter-panel summary::-webkit-details-marker { display: none; }
.filter-panel summary:after {
  content: '+';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #fff7ed;
  color: var(--orange-dark);
  font-weight: 950;
  flex: 0 0 auto;
}
.filter-panel[open] summary:after { content: '–'; }
.filter-panel summary small {
  color: var(--muted);
  font-weight: 800;
  margin-left: auto;
  text-align: right;
}
.filter-panel .filter-bar {
  border-top: 1px solid var(--border);
  padding: 12px;
  margin: 0;
}
.filter-bar-compact {
  grid-template-columns: repeat(5, minmax(116px, 1fr)) auto auto;
  gap: 8px;
}
.filter-bar-compact label {
  font-size: 12px;
  gap: 4px;
}
.filter-bar-compact input,
.filter-bar-compact select {
  min-height: 40px;
  padding: 9px 10px;
  border-radius: 12px;
}
.filter-bar-compact .btn {
  min-height: 40px;
  padding: 9px 12px;
}
.profile-compact-card { padding: 14px !important; }
.profile-compact-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
}
.profile-compact-main h2 {
  margin: 0 0 5px;
  font-size: clamp(21px, 4.8vw, 28px);
  line-height: 1.08;
}
.profile-badges-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--muted);
  font-weight: 800;
}
.mini-status-grid {
  margin-top: 8px;
  gap: 6px;
}
.mini-status-grid .verify-pill {
  min-height: 28px;
  padding: 5px 9px;
  font-size: 12px;
}
.pro-summary-strip {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(14,24,43,.08);
  border-radius: 15px;
  background: #f8fafc;
  color: var(--muted);
  font-weight: 800;
}
.pro-summary-strip strong {
  color: #fff;
  background: linear-gradient(135deg, var(--orange), var(--orange-dark));
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 12px;
}
.compact-details {
  margin-top: 12px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
.compact-details summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 14px;
  font-weight: 950;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.compact-details summary::-webkit-details-marker { display: none; }
.compact-details summary:after {
  content: '+';
  color: var(--orange-dark);
  font-weight: 950;
}
.compact-details[open] summary:after { content: '–'; }
.profile-form-compact,
.profile-docs-compact {
  padding: 0 14px 14px;
}
.profile-docs-compact .doc-preview {
  max-height: 96px;
  border-radius: 14px;
}
@media (max-width: 980px) {
  .filter-bar-compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px), (hover: none) and (pointer: coarse) {
  .filter-panel summary {
    padding: 11px 12px;
  }
  .filter-panel summary small {
    display: none;
  }
  .filter-bar-compact { grid-template-columns: 1fr !important; }
  .profile-compact-head {
    grid-template-columns: auto 1fr;
    align-items: flex-start;
  }
  .profile-compact-card { padding: 12px !important; }
  .profile-compact-card .avatar-compact {
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }
  .profile-badges-line { gap: 5px; }
  .mini-status-grid .verify-pill {
    flex: 0 1 auto;
    width: auto;
  }
  .pro-summary-strip {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    font-size: 13px;
  }
  .compact-details summary { padding: 11px 12px; }
  .profile-form-compact,
  .profile-docs-compact { padding: 0 12px 12px; }
}

/* V4.3.1 — Devis compacts et intuitifs */
.quote-tabs{display:flex;gap:.45rem;overflow-x:auto;padding:.35rem 0 .7rem;margin:.4rem 0 .8rem;-webkit-overflow-scrolling:touch}
.quote-tab{white-space:nowrap;text-decoration:none;border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:.45rem .75rem;background:#fff;color:#1f2937;font-size:.88rem}
.quote-tab.active{background:#111827;color:#fff;border-color:#111827}
.compact-list-meta{font-size:.85rem;color:#6b7280;margin:.25rem 0 .75rem}
.quote-card.quote-compact{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;margin:.7rem 0;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}
.quote-card.quote-compact[open]{box-shadow:0 12px 32px rgba(15,23,42,.10)}
.quote-summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1.3fr .8fr .9fr auto;gap:.8rem;align-items:center;padding:.85rem 1rem}
.quote-summary::-webkit-details-marker{display:none}
.quote-summary .quote-main,.quote-summary .quote-meta,.quote-summary .quote-status{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.quote-summary small{color:#6b7280;font-size:.78rem;line-height:1.25}
.quote-summary strong{line-height:1.2}
.quote-open{border:1px solid rgba(15,23,42,.15);border-radius:999px;padding:.35rem .6rem;font-size:.82rem;background:#f8fafc;color:#111827}
.quote-detail-body{border-top:1px solid rgba(15,23,42,.08);padding:1rem;background:#fcfcfd}
.quote-grid.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.6rem 0}
.quote-grid.compact p{margin:0;padding:.65rem;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.06)}
.quote-action{margin-top:.85rem;padding:.85rem;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.quote-action h4{margin:.1rem 0 .65rem}
.pagination{display:flex;gap:.6rem;justify-content:center;margin:1rem 0}
.compact-row{padding:.65rem .75rem;border-radius:12px}
@media(max-width:720px){
  .quote-summary{grid-template-columns:1fr;gap:.45rem;padding:.8rem}
  .quote-summary .quote-status{flex-direction:row;justify-content:space-between;align-items:center}
  .quote-open{justify-self:start}
  .quote-grid.compact{grid-template-columns:1fr 1fr}
  .quote-tabs{margin-left:-.2rem;margin-right:-.2rem;padding-left:.2rem;padding-right:.2rem}
}
@media(max-width:420px){.quote-grid.compact{grid-template-columns:1fr}}

/* V4.3.2 — Profil compact propre */
.profile-clean-card {
  padding: 16px !important;
}
.profile-clean-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
}
.profile-clean-main h2 {
  margin: 0;
  font-size: clamp(24px, 5.4vw, 34px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}
.clean-badges {
  margin-top: 8px;
  gap: 8px;
}
.clean-badges .badge,
.clean-badges .pro-badge {
  margin: 0;
}
.rating-clean {
  display: inline-flex;
  margin-top: 8px;
  color: var(--muted);
  font-weight: 900;
  text-decoration: none;
  font-size: 15px;
}
.verification-clean-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.verification-clean-grid .verify-pill {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 13px;
  justify-content: center;
  white-space: nowrap;
}
.pro-finance-card {
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(14,24,43,.08);
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}
.pro-finance-title {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.pro-finance-title span {
  color: #fff;
  background: #111827;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  padding: 5px 9px;
  letter-spacing: .02em;
}
.pro-finance-title strong {
  font-size: 15px;
  color: var(--text);
}
.pro-finance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pro-finance-grid div {
  border: 1px solid var(--border);
  border-radius: 15px;
  padding: 10px;
  background: #fff;
}
.pro-finance-grid small {
  display: block;
  color: var(--muted);
  font-weight: 850;
  margin-bottom: 3px;
}
.pro-finance-grid strong {
  display: block;
  font-size: 16px;
  color: var(--text);
}
.clean-details {
  margin-top: 10px;
}
.clean-details summary {
  padding: 12px 13px;
}
.clean-details summary:after {
  content: '›';
  transform: rotate(0deg);
  transition: transform .15s ease;
}
.clean-details[open] summary:after {
  content: '›';
  transform: rotate(90deg);
}
@media (max-width: 560px), (hover: none) and (pointer: coarse) {
  .profile-clean-card {
    padding: 14px !important;
  }
  .profile-clean-head {
    gap: 12px;
    align-items: start;
  }
  .profile-clean-main h2 {
    font-size: clamp(23px, 7.2vw, 31px);
  }
  .rating-clean {
    font-size: 14px;
  }
  .verification-clean-grid {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .verification-clean-grid .verify-pill {
    justify-content: flex-start;
  }
  .pro-finance-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .pro-finance-grid strong {
    font-size: 14px;
  }
}
@media (max-width: 390px) {
  .profile-clean-head {
    grid-template-columns: 1fr;
  }
  .pro-finance-grid {
    grid-template-columns: 1fr;
  }
}

/* V4.3.3 — Profil PRO lisible + messagerie contextuelle */
.profile-v433-card {
  overflow: hidden;
}
.profile-v433-head {
  align-items: start;
}
.profile-v433-main {
  min-width: 0;
}
.profile-v433-main h2 {
  word-break: break-word;
}
.profile-v433-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.company-highlight-card {
  margin-top: 12px;
  padding: 11px 13px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: linear-gradient(180deg, #fff7ed, #ffffff);
  display: grid;
  gap: 2px;
}
.company-highlight-card span,
.pro-account-title small {
  color: #6b7280;
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.company-highlight-card strong {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.15;
  word-break: break-word;
}
.pro-account-card {
  margin-top: 12px;
}
.pro-account-title {
  display: grid;
  gap: 2px;
  margin-bottom: 10px;
}
.pro-account-title strong {
  font-size: 16px;
  color: #0f172a;
}
.pro-account-grid strong {
  white-space: normal;
  word-break: break-word;
}
.message-compose-compact .muted {
  margin-bottom: .8rem;
}
.message-info-box {
  border: 1px dashed rgba(15, 23, 42, .20);
  background: #f8fafc;
  border-radius: 16px;
  padding: 12px 14px;
  color: #334155;
  line-height: 1.35;
}
.message-info-box strong {
  color: #0f172a;
}
.compact-message-form {
  display: grid;
  gap: .75rem;
}
.message-target-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #f8fafc;
  margin: 0;
}
.message-target-line span {
  color: #6b7280;
  font-weight: 850;
}
.message-target-line strong {
  text-align: right;
}
.compact-message-thread {
  margin: .65rem 0;
}
.compact-message-thread summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: .8rem .95rem;
}
.message-summary-main,
.message-summary-side {
  display: grid;
  gap: .15rem;
  min-width: 0;
}
.message-summary-main strong {
  color: #0f172a;
}
.message-summary-main small,
.message-summary-side small {
  color: #6b7280;
  font-weight: 800;
  line-height: 1.25;
}
.message-summary-side {
  text-align: right;
}
.compact-reply-form {
  border-top: 1px solid rgba(15,23,42,.08);
  margin-top: .65rem;
  padding-top: .75rem;
}
.quote-tabs {
  display: flex !important;
  flex-wrap: nowrap;
  gap: .45rem !important;
}
.quote-tab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-right: .35rem;
}
@media (max-width: 560px), (hover: none) and (pointer: coarse) {
  .profile-v433-head {
    grid-template-columns: 58px 1fr;
    gap: 12px;
  }
  .profile-v433-card .avatar-compact {
    width: 58px;
    height: 58px;
  }
  .profile-v433-main h2 {
    font-size: clamp(25px, 8vw, 34px);
  }
  .company-highlight-card strong {
    font-size: 17px;
  }
  .verification-v433-grid {
    grid-template-columns: 1fr;
  }
  .compact-message-thread summary {
    grid-template-columns: 1fr;
  }
  .message-summary-side {
    text-align: left;
  }
  .quote-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 390px) {
  .profile-v433-head {
    grid-template-columns: 1fr;
  }
}

/* V4.3.4 — Profil société, messagerie contextuelle et badges devis */
.profile-card-v434{
  padding:24px;
  overflow:hidden;
}
.profile-head-v434{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:16px;
  align-items:start;
}
.profile-title-v434{min-width:0;display:grid;gap:6px}
.profile-label-v434{
  display:inline-flex;
  width:max-content;
  padding:4px 9px;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  font-weight:950;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.company-title-v434,
.profile-title-v434 h2{
  margin:0;
  color:#0f172a;
  font-size:clamp(28px,7vw,46px);
  line-height:.98;
  word-break:break-word;
}
.manager-line-v434{
  margin:0;
  color:#64748b;
  font-weight:750;
  line-height:1.25;
}
.profile-badges-v434{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:4px;
}
.rating-v434{
  color:#0f172a;
  font-weight:850;
  text-decoration:none;
  width:max-content;
}
.verification-v434{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
.account-state-v434{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.account-state-v434 div{
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  background:#f8fafc;
  display:grid;
  gap:3px;
}
.account-state-v434 span{
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.account-state-v434 strong{
  color:#0f172a;
  font-size:18px;
  line-height:1.15;
  word-break:break-word;
}
.profile-actions-v434{
  margin-top:16px;
  display:grid;
  gap:10px;
}
.message-compose-v434{
  padding:22px 24px;
}
.message-brief-v434{
  margin:.15rem 0 .75rem;
  color:#64748b;
  line-height:1.35;
}
.message-info-box.slim{
  display:grid;
  gap:4px;
  padding:11px 13px;
  font-size:.95rem;
}
.message-info-box.slim span{color:#64748b;line-height:1.35}
.message-compose-v434 .message-target-line{margin-bottom:.7rem}
.message-compose-v434 label{margin-top:.35rem}
.message-compose-v434 textarea{min-height:96px}
.quote-summary .new-dot{
  display:inline-flex !important;
  width:auto !important;
  max-width:max-content;
  margin-left:8px;
  padding:3px 8px;
  border-radius:999px;
  font-size:10px;
  line-height:1;
  vertical-align:middle;
}
.quote-summary .quote-main{
  gap:4px;
}
@media(max-width:560px){
  .profile-card-v434{padding:20px 18px}
  .profile-head-v434{grid-template-columns:58px 1fr;gap:12px}
  .profile-head-v434 .avatar-compact{width:58px;height:58px}
  .company-title-v434,.profile-title-v434 h2{font-size:clamp(28px,8vw,36px)}
  .verification-v434{grid-template-columns:1fr;gap:8px}
  .account-state-v434{grid-template-columns:1fr}
  .profile-badges-v434{gap:6px}
  .message-compose-v434{padding:20px 18px}
}
@media(max-width:390px){
  .profile-head-v434{grid-template-columns:1fr}
}

/* V4.3.5 — annonces publiques récentes + état de compte admin */
.admin-pro-account-state{
  margin:12px 0 4px;
  padding:12px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  background:#f8fafc;
  display:grid;
  gap:8px;
}
.admin-pro-account-state > strong{font-size:1rem;color:#0f172a;}
.admin-pro-account-state > div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:7px 0;
  border-top:1px solid rgba(15,23,42,.07);
}
.admin-pro-account-state span{color:#667085;font-weight:800;}
.admin-pro-account-state b{color:#0f172a;text-align:right;}
.admin-pro-account-state small{color:#667085;line-height:1.35;}

/* V4.3.6 — Administration compacte mobile + état de compte plateforme */
.admin-body .topbar h1 { letter-spacing: -.04em; }
.admin-dashboard-stats.cards.four,
.admin-mini-stats.cards.four {
  gap: 10px;
}
.admin-dashboard-stats .card,
.admin-mini-stats .card {
  min-height: 78px;
  padding: 18px;
}
.admin-dashboard-stats .card span,
.admin-mini-stats .card span {
  font-size: 14px;
}
.admin-dashboard-stats .card strong,
.admin-mini-stats .card strong {
  font-size: 34px;
  line-height: 1;
}
.admin-finance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.admin-finance-grid.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.admin-finance-grid > div,
.admin-payment-grid > div {
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  min-width: 0;
}
.admin-finance-grid span,
.admin-payment-grid span {
  display: block;
  color: var(--muted);
  font-weight: 800;
  font-size: 12px;
  margin-bottom: 4px;
}
.admin-finance-grid strong,
.admin-payment-grid b {
  display: block;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.admin-payment-list,
.admin-ledger-list,
.admin-review-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.admin-payment-card,
.admin-ledger-card,
.admin-review-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .035);
}
.admin-payment-head,
.admin-review-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.admin-payment-head strong,
.admin-review-head strong {
  display: block;
  color: var(--navy);
  font-size: 18px;
}
.admin-payment-head small,
.admin-review-head small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.admin-payment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.admin-payment-detail {
  margin-top: 12px;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}
.admin-payment-detail summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--orange-dark);
}
.admin-review-comment {
  margin: 10px 0 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--navy);
}
.admin-pro-account-state {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid rgba(20, 184, 92, .18);
  background: #f2fff7;
  border-radius: 16px;
  display: grid;
  gap: 8px;
}
.admin-pro-account-state > strong { color: var(--navy); }
.admin-pro-account-state div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(255,255,255,.75);
  border-radius: 12px;
}
.admin-pro-account-state span { color: var(--muted); font-weight: 800; }
.admin-pro-account-state b { color: var(--navy); overflow-wrap: anywhere; text-align: right; }
.admin-pro-account-state small { color: var(--muted); }
.admin-body .table-wrap { display: block; }
.admin-body .admin-payments-panel .table-wrap,
.admin-body .admin-reviews-panel .table-wrap { display: none; }

@media (max-width: 760px) {
  .admin-body .panel { padding: 20px 16px; }
  .admin-body .panel h2 { font-size: 30px; line-height: 1.05; }
  .admin-dashboard-stats.cards.four,
  .admin-mini-stats.cards.four {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
  .admin-dashboard-stats .card,
  .admin-mini-stats .card {
    min-height: 70px;
    padding: 14px;
    border-radius: 18px;
  }
  .admin-dashboard-stats .card strong,
  .admin-mini-stats .card strong { font-size: 28px; }
  .admin-dashboard-stats .card span,
  .admin-mini-stats .card span { font-size: 12px; }
  .admin-finance-grid,
  .admin-finance-grid.compact,
  .admin-payment-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .admin-finance-grid > div,
  .admin-payment-grid > div {
    padding: 10px;
    border-radius: 14px;
  }
  .admin-finance-grid strong,
  .admin-payment-grid b { font-size: 14px; }
  .admin-payment-card,
  .admin-ledger-card,
  .admin-review-card {
    padding: 12px;
    border-radius: 16px;
  }
  .admin-payment-head,
  .admin-review-head {
    align-items: flex-start;
  }
  .admin-payment-head strong,
  .admin-review-head strong { font-size: 17px; }
  .admin-accounting-preview .btn { width: 100%; }
}

@media (max-width: 420px) {
  .admin-finance-grid,
  .admin-finance-grid.compact,
  .admin-payment-grid {
    grid-template-columns: 1fr;
  }
}


/* V4.3.8 — Accueil : Comment ça marche */
.auth-shell {
  grid-template-columns: minmax(320px, .92fr) minmax(360px, 1.08fr);
}
.how-it-works-home {
  background: #fff;
  padding: 34px;
  border-left: 1px solid var(--border);
  overflow-y: auto;
}
.how-head { margin-bottom: 20px; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 950;
  color: var(--orange-dark);
  background: #fff1e8;
  margin-bottom: 10px;
}
.how-head h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: -.04em;
  line-height: 1;
}
.how-head p,
.how-cta p {
  color: var(--muted);
  line-height: 1.5;
  margin: 0;
}
.how-grid {
  display: grid;
  gap: 14px;
}
.how-card {
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
  background: #fbfcff;
  box-shadow: 0 10px 26px rgba(16,24,39,.04);
}
.how-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 20px rgba(16,24,39,.06);
  margin-bottom: 10px;
}
.how-card h3 {
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: -.02em;
}
.how-card p {
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.45;
}
.how-card ol {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 5px;
}
.how-card li { font-weight: 750; }
.how-cta {
  margin-top: 18px;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, #fff7ed, #f7fbff);
  border: 1px solid #ffe1ca;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: center;
}
@media (max-width: 1180px) {
  .auth-shell { grid-template-columns: 1fr; }
  .how-it-works-home { border-left: 0; border-top: 1px solid var(--border); }
}
@media (max-width: 640px) {
  .how-it-works-home { padding: 20px; }
  .how-card { padding: 16px; border-radius: 20px; }
  .how-cta { grid-template-columns: 1fr; }
  .how-cta .btn { width: 100%; }
}

/* V4.3.9 — Accueil premium validé + formulaire connexion/inscription non doublonné */
body.home-auth-open { overflow: hidden; }
.home-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(242,107,34,.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
  color: var(--navy);
}
.home-header {
  min-height: 104px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px clamp(18px, 5vw, 58px);
  border-bottom: 1px solid rgba(228,231,236,.78);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  position: sticky;
  top: 0;
  z-index: 30;
}
.home-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.home-brand-badge {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 950;
  font-size: 30px;
  font-style: italic;
  background: linear-gradient(135deg, #ff7a1a, #e84812);
  box-shadow: 0 14px 26px rgba(242,107,34,.24);
}
.home-brand strong {
  display: block;
  font-size: clamp(29px, 5vw, 43px);
  line-height: .86;
  letter-spacing: -.05em;
  white-space: nowrap;
}
.home-brand strong span { color: var(--orange-dark); }
.home-brand em {
  display: block;
  margin-top: 6px;
  font-style: normal;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .52em;
  color: #172033;
}
.home-actions {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.home-action {
  border: 0;
  background: transparent;
  display: grid;
  justify-items: center;
  gap: 8px;
  font-weight: 850;
  color: var(--navy);
  cursor: pointer;
}
.home-action span {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 25px;
  background: #f1f4f8;
  box-shadow: 0 10px 22px rgba(16,24,39,.06);
}
.home-action.primary span {
  color: #fff;
  font-size: 39px;
  line-height: 1;
  background: linear-gradient(135deg, #ff6b16, #df4315);
  box-shadow: 0 14px 28px rgba(242,107,34,.24);
}
.home-action small { font-size: 15px; }
.home-how {
  width: min(1120px, calc(100% - 34px));
  margin: 0 auto;
  padding: 44px 0 46px;
}
.home-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
  padding: 0 14px 24px;
}
.home-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(42px, 7vw, 66px);
  line-height: .95;
  letter-spacing: -.055em;
}
.home-hero p {
  margin: 0;
  max-width: 720px;
  font-size: clamp(18px, 2.6vw, 25px);
  line-height: 1.35;
  color: var(--muted);
}
.home-hero-illustration {
  min-width: 220px;
  font-size: 44px;
  opacity: .18;
  filter: grayscale(.3);
  padding-top: 18px;
  text-align: right;
}
.home-flow-card {
  position: relative;
  overflow: hidden;
  margin: 0 0 26px;
  padding: clamp(22px, 3.2vw, 34px);
  border: 1px solid var(--border);
  border-radius: 30px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 20px 54px rgba(16,24,39,.055);
}
.home-flow-card::after {
  content: '';
  position: absolute;
  inset: -70px -100px auto auto;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: rgba(242,107,34,.045);
}
.home-flow-card.blue::after { background: rgba(30,91,180,.045); }
.home-flow-card.green::after { background: rgba(15,159,110,.05); }
.flow-title {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-bottom: 26px;
  position: relative;
  z-index: 1;
}
.flow-main-icon {
  width: 76px;
  height: 76px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  font-size: 38px;
  background: #fff2ea;
  box-shadow: 0 16px 28px rgba(16,24,39,.08);
}
.home-flow-card.blue .flow-main-icon { background: #eaf4ff; }
.home-flow-card.green .flow-main-icon { background: #eaf8ef; }
.flow-title h2 {
  margin: 0;
  font-size: clamp(24px, 3.6vw, 34px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.flow-steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: start;
  gap: 12px;
}
.flow-steps div {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 7px;
}
.flow-steps span {
  width: 68px;
  height: 68px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border);
  background: #fff;
  color: var(--orange-dark);
  font-size: 28px;
  box-shadow: 0 10px 24px rgba(16,24,39,.04);
}
.home-flow-card.blue .flow-steps span { color: #163f86; }
.home-flow-card.green .flow-steps span { color: #147646; }
.flow-steps small {
  width: 23px;
  height: 23px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 950;
  color: var(--orange-dark);
  background: #fff1e8;
}
.home-flow-card.blue .flow-steps small { color: #1c5cae; background: #eaf4ff; }
.home-flow-card.green .flow-steps small { color: #147646; background: #eaf8ef; }
.flow-steps strong {
  font-size: 16px;
  line-height: 1.28;
  font-weight: 780;
  color: var(--navy);
}
.flow-steps i {
  color: #798294;
  font-style: normal;
  font-size: 38px;
  line-height: 68px;
}
.home-verification {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 28px;
  align-items: center;
  padding: clamp(22px, 3.2vw, 32px);
  border-radius: 30px;
  border: 1px solid #ffccad;
  background: linear-gradient(135deg, #fff7ef, #ffffff);
  box-shadow: 0 18px 48px rgba(242,107,34,.08);
}
.shield-icon {
  width: 96px;
  height: 96px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #fff;
  color: var(--orange-dark);
  font-size: 46px;
  box-shadow: 0 16px 30px rgba(16,24,39,.06);
}
.home-verification h2 {
  margin: 0 0 8px;
  font-size: clamp(22px, 3vw, 30px);
  letter-spacing: -.035em;
}
.home-verification p {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.42;
  max-width: 720px;
}
.home-cta-buttons {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.home-cta-buttons .btn {
  min-width: 210px;
  min-height: 52px;
  border-radius: 16px;
}
.auth-panel:not(.is-open) { display: none !important; }
.auth-panel.is-open {
  position: fixed;
  z-index: 10000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100vw - 28px));
  max-height: calc(100vh - 28px);
  overflow: auto;
  border-radius: 28px;
  border: 1px solid var(--border);
  box-shadow: 0 30px 100px rgba(16,24,39,.32);
  display: block !important;
}
body.home-auth-open::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(16,24,39,.54);
  backdrop-filter: blur(6px);
}
.auth-close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: #f3f4f6;
  color: var(--navy);
  font-size: 24px;
  font-weight: 900;
  cursor: pointer;
  margin: -12px -10px 8px 12px;
}
@media (max-width: 760px) {
  .home-header { min-height: 82px; padding: 15px 18px; }
  .home-brand-badge { width: 44px; height: 44px; border-radius: 12px; font-size: 25px; }
  .home-brand strong { font-size: 31px; }
  .home-brand em { font-size: 10px; letter-spacing: .43em; }
  .home-actions { gap: 10px; }
  .home-action span { width: 46px; height: 46px; border-radius: 14px; font-size: 21px; }
  .home-action.primary span { font-size: 33px; }
  .home-action small { font-size: 12px; }
  .home-how { width: min(100% - 24px, 1120px); padding-top: 32px; }
  .home-hero { padding: 0 2px 22px; }
  .home-hero h1 { font-size: 42px; }
  .home-hero p { font-size: 18px; }
  .home-hero-illustration { display: none; }
  .home-flow-card { border-radius: 24px; padding: 20px 16px; margin-bottom: 18px; }
  .flow-title { gap: 14px; margin-bottom: 18px; }
  .flow-main-icon { width: 60px; height: 60px; border-radius: 18px; font-size: 30px; }
  .flow-title h2 { font-size: 25px; }
  .flow-steps { gap: 6px; }
  .flow-steps span { width: 48px; height: 48px; font-size: 22px; }
  .flow-steps i { font-size: 26px; line-height: 48px; }
  .flow-steps strong { font-size: 13px; line-height: 1.22; }
  .flow-steps small { width: 19px; height: 19px; font-size: 11px; }
  .home-verification { grid-template-columns: 1fr; gap: 16px; border-radius: 24px; padding: 20px; }
  .shield-icon { width: 72px; height: 72px; font-size: 36px; }
  .home-cta-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .home-cta-buttons .btn { min-width: 0; width: 100%; min-height: 50px; }
}
@media (max-width: 420px) {
  .home-brand strong { font-size: 26px; }
  .home-brand-badge { width: 40px; height: 40px; }
  .home-action small { display: none; }
  .home-flow-card { padding: 18px 12px; }
  .flow-title h2 { font-size: 22px; }
  .flow-title { align-items: start; }
  .flow-steps { grid-template-columns: 1fr auto 1fr; row-gap: 10px; }
  .flow-steps i:nth-of-type(2) { display: none; }
  .flow-steps div:nth-of-type(3) { grid-column: 1; }
  .flow-steps div:nth-of-type(4) { grid-column: 3; }
  .home-cta-buttons { grid-template-columns: 1fr; }
}

/* V4.3.10 — Accueil premium corrigé : promesse d'abord, mode d'emploi ensuite */
body.home-auth-open { overflow: hidden; }
.home-v4310 {
  min-height: 100vh;
  background: linear-gradient(180deg,#fff 0%,#f7f8fc 100%);
  color: var(--navy, #0f172a);
}
.home-top-v4310 {
  min-height: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(18px,5vw,56px);
  border-bottom: 1px solid rgba(228,231,236,.8);
  background: rgba(255,255,255,.95);
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(12px);
}
.home-brand-v4310 { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.home-brand-icon-v4310 { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; color: #fff; font-weight: 950; font-size: 30px; font-style: italic; background: linear-gradient(135deg,#ff7a1a,#e84812); box-shadow: 0 14px 26px rgba(242,107,34,.22); }
.home-brand-text-v4310 strong { display: block; font-size: clamp(29px,5vw,43px); line-height: .88; letter-spacing: -.05em; white-space: nowrap; }
.home-brand-text-v4310 strong span { color: var(--orange-dark, #e84812); }
.home-brand-text-v4310 em { display: block; margin-top: 6px; font-style: normal; font-size: 12px; font-weight: 950; letter-spacing: .52em; }
.home-actions-v4310 { display: flex; gap: 14px; }
.home-action-v4310 { border: 0; background: transparent; display: grid; justify-items: center; gap: 7px; font-weight: 850; color: var(--navy, #0f172a); cursor: pointer; }
.home-action-v4310 span { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 24px; background: #f1f4f8; box-shadow: 0 10px 22px rgba(16,24,39,.06); }
.home-action-v4310.primary span { color: #fff; font-size: 38px; background: linear-gradient(135deg,#ff6b16,#df4315); box-shadow: 0 14px 28px rgba(242,107,34,.24); }
.home-action-v4310 small { font-size: 14px; }
.home-hero-v4310,
.home-trust-v4310,
.home-how-v4310,
.home-why-v4310,
.home-cta-v4310 { width: min(1120px, calc(100% - 34px)); margin-left: auto; margin-right: auto; }
.home-hero-v4310 { padding: 40px 0 20px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(260px,.85fr); gap: 26px; align-items: center; }
.home-kicker-v4310 { display: inline-flex; width: max-content; padding: 7px 12px; border-radius: 999px; color: #c2410c; background: #fff1e8; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 13px; }
.home-hero-copy-v4310 h1 { margin: 0 0 14px; font-size: clamp(42px,7vw,72px); line-height: .94; letter-spacing: -.06em; }
.home-hero-copy-v4310 p { margin: 0; max-width: 680px; color: var(--muted,#667085); font-size: clamp(18px,2.2vw,24px); line-height: 1.42; }
.home-hero-buttons-v4310 { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.home-hero-buttons-v4310 .btn { min-height: 52px; min-width: 190px; border-radius: 16px; }
.home-login-link-v4310 { margin-top: 12px; border: 0; background: transparent; color: var(--muted,#667085); font-weight: 850; cursor: pointer; padding: 0; }
.home-hero-card-v4310 { min-height: 260px; border-radius: 32px; padding: 28px; background: radial-gradient(circle at 72% 18%, rgba(242,107,34,.18), transparent 34%), linear-gradient(135deg,#fff7ef,#fff); border: 1px solid #ffe2cc; box-shadow: 0 22px 54px rgba(242,107,34,.10); display: grid; align-content: end; gap: 8px; }
.home-hero-card-v4310 div { font-size: 62px; }
.home-hero-card-v4310 strong { font-size: 26px; letter-spacing: -.03em; }
.home-hero-card-v4310 small { color: var(--muted,#667085); font-weight: 750; line-height: 1.35; }
.home-trust-v4310 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 8px; margin-bottom: 30px; }
.home-trust-v4310 span { background: #fff; border: 1px solid var(--border,#e4e7ec); border-radius: 18px; padding: 13px 12px; text-align: center; font-weight: 850; box-shadow: 0 10px 24px rgba(16,24,39,.035); }
.home-section-title-v4310 { margin-bottom: 14px; }
.home-section-title-v4310 span { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: #eef5ff; color: #164c9a; font-size: 12px; font-weight: 950; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 8px; }
.home-section-title-v4310 h2,
.home-why-v4310 h2,
.home-cta-v4310 h2 { margin: 0 0 8px; font-size: clamp(28px,4vw,42px); line-height: 1; letter-spacing: -.045em; }
.home-section-title-v4310 p { margin: 0; color: var(--muted,#667085); }
.home-flow-grid-v4310 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.home-flow-v4310 { background: #fff; border: 1px solid var(--border,#e4e7ec); border-radius: 24px; padding: 18px; box-shadow: 0 16px 38px rgba(16,24,39,.045); }
.flow-head-v4310 { display: flex; align-items: center; gap: 12px; margin-bottom: 11px; }
.flow-head-v4310 span { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; background: #fff1e8; font-size: 26px; }
.home-flow-v4310.blue .flow-head-v4310 span { background: #eaf4ff; }
.home-flow-v4310.green .flow-head-v4310 span { background: #eaf8ef; }
.flow-head-v4310 h3 { margin: 0; font-size: 21px; line-height: 1.08; letter-spacing: -.035em; }
.home-flow-v4310 p { margin: 0; color: var(--muted,#667085); line-height: 1.45; font-weight: 750; }
.home-why-v4310 { margin-top: 24px; padding: 24px; border-radius: 28px; background: #fff; border: 1px solid var(--border,#e4e7ec); }
.home-why-v4310 div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.home-why-v4310 span { background: #f8fafc; border: 1px solid var(--border,#e4e7ec); border-radius: 16px; padding: 12px; font-weight: 850; text-align: center; }
.home-cta-v4310 { margin-top: 24px; margin-bottom: 42px; padding: 24px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; border-radius: 28px; background: linear-gradient(135deg,#fff7ef,#fff); border: 1px solid #ffccad; box-shadow: 0 18px 48px rgba(242,107,34,.08); }
.home-cta-v4310 p { margin: 0; color: var(--muted,#667085); line-height: 1.45; }
.home-cta-buttons-v4310 { display: flex; gap: 12px; flex-wrap: wrap; }
.home-cta-buttons-v4310 .btn { min-width: 170px; min-height: 50px; border-radius: 16px; }
.auth-panel-v4310:not(.is-open) { display: none !important; }
.auth-panel-v4310.is-open { position: fixed; z-index: 10000; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(760px, calc(100vw - 28px)); max-height: calc(100vh - 28px); overflow: auto; display: block !important; border-radius: 28px; box-shadow: 0 30px 100px rgba(16,24,39,.32); }
body.home-auth-open::before { content: ''; position: fixed; inset: 0; z-index: 9999; background: rgba(16,24,39,.54); backdrop-filter: blur(6px); }
.auth-close-v4310 { position: sticky; top: 0; float: right; z-index: 2; width: 42px; height: 42px; border: 0; border-radius: 999px; background: #f3f4f6; color: var(--navy,#0f172a); font-size: 24px; font-weight: 900; cursor: pointer; margin: -12px -10px 8px 12px; }
@media (max-width: 820px) {
  .home-top-v4310 { min-height: 82px; padding: 15px 18px; }
  .home-brand-icon-v4310 { width: 44px; height: 44px; font-size: 25px; }
  .home-brand-text-v4310 strong { font-size: 30px; }
  .home-brand-text-v4310 em { font-size: 10px; letter-spacing: .43em; }
  .home-action-v4310 span { width: 46px; height: 46px; font-size: 21px; }
  .home-action-v4310.primary span { font-size: 33px; }
  .home-action-v4310 small { font-size: 12px; }
  .home-hero-v4310 { grid-template-columns: 1fr; padding-top: 30px; }
  .home-hero-card-v4310 { min-height: 150px; }
  .home-trust-v4310 { grid-template-columns: 1fr 1fr; }
  .home-flow-grid-v4310 { grid-template-columns: 1fr; }
  .home-why-v4310 div { grid-template-columns: 1fr 1fr; }
  .home-cta-v4310 { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  .home-brand-text-v4310 strong { font-size: 25px; }
  .home-brand-icon-v4310 { width: 39px; height: 39px; }
  .home-action-v4310 small { display: none; }
  .home-hero-v4310,.home-trust-v4310,.home-how-v4310,.home-why-v4310,.home-cta-v4310 { width: min(100% - 24px, 1120px); }
  .home-hero-copy-v4310 h1 { font-size: 38px; }
  .home-hero-copy-v4310 p { font-size: 17px; }
  .home-hero-buttons-v4310 .btn { width: 100%; min-width: 0; }
  .home-trust-v4310,.home-why-v4310 div { grid-template-columns: 1fr; }
  .home-cta-buttons-v4310 { display: grid; grid-template-columns: 1fr; }
}
CSS_END_V4310 */

/* V4.3.11 — Accueil : retrait du bouton Voir les annonces */
.home-hero-buttons-v4310 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.home-hero-buttons-v4310 .btn.primary {
  min-width: 220px;
}
@media (max-width: 440px) {
  .home-hero-buttons-v4310 .btn.primary {
    width: 100%;
    min-width: 0;
  }
}
/* V4.3.12 — Accueil : image colis premium + messagerie lue */
.home-hero-visual-v4312 {
  min-height: 320px;
  align-content: center;
  justify-items: center;
  text-align: center;
  overflow: hidden;
}
.home-hero-visual-v4312 img {
  width: min(92%, 360px);
  max-height: 245px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 22px 34px rgba(15, 23, 42, .10));
  margin: 0 auto 12px;
  border-radius: 22px;
}
.home-hero-visual-v4312 strong,
.home-hero-visual-v4312 small {
  position: relative;
  z-index: 2;
}
.flow-image-icon-v4312 {
  overflow: hidden;
  background: #fff7ef !important;
}
.flow-image-icon-v4312 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.18);
}
@media (max-width: 820px) {
  .home-hero-visual-v4312 {
    min-height: 220px;
    padding: 20px;
  }
  .home-hero-visual-v4312 img {
    width: min(92%, 280px);
    max-height: 175px;
  }
}
/* V4.3.13 — Signalements sécurité */
.report-link-v4313 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: #b42318;
  background: #fff1f0;
  border: 1px solid #ffd6d1;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 850;
  text-decoration: none;
  font-size: 14px;
}
.report-link-v4313:hover { background: #ffe7e3; }
.report-panel-v4313 .report-form-v4313 {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}
.admin-report-stats-v4313 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}
.admin-report-stats-v4313 > div,
.admin-report-grid-v4313 > div {
  background: #f8fafc;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 16px;
  padding: 12px;
}
.admin-report-stats-v4313 span,
.admin-report-grid-v4313 span {
  display: block;
  color: #667085;
  font-weight: 850;
  font-size: 12px;
  margin-bottom: 4px;
}
.admin-report-stats-v4313 strong,
.admin-report-grid-v4313 b {
  color: #0f172a;
  overflow-wrap: anywhere;
}
.admin-report-list-v4313 {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
.admin-report-card-v4313 {
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 20px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(15,23,42,.04);
}
.admin-report-head-v4313 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.admin-report-head-v4313 strong { display:block; font-size: 18px; color:#0f172a; }
.admin-report-head-v4313 small { color:#667085; font-size:12px; }
.admin-report-grid-v4313 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.admin-report-text-v4313 {
  margin: 12px 0;
  padding: 12px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 14px;
  color: #0f172a;
}
.admin-report-actions-v4313 {
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--border, #e5e7eb);
  padding-top: 12px;
}
@media (max-width: 760px) {
  .admin-report-stats-v4313,
  .admin-report-grid-v4313 { grid-template-columns: 1fr; }
  .admin-report-card-v4313 { padding: 14px; }
}
/* V4.3.13.1 — Profil public PRO + signalements stabilisés */
.public-pro-profile-title-v43131 {
  min-width: 0;
}
.public-pro-label-v43131 {
  display: inline-flex;
  width: max-content;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff4ed;
  color: #c2410c;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 8px;
}
.public-pro-profile-title-v43131 h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(28px, 7vw, 42px);
  line-height: 1.02;
  letter-spacing: -.04em;
  overflow-wrap: anywhere;
}
.public-pro-manager-v43131 {
  margin: 6px 0 8px;
  color: #667085;
  font-weight: 750;
}
.public-pro-manager-v43131 strong {
  color: #0f172a;
}
.report-panel-v4313 textarea,
.report-form-v4313 textarea {
  min-height: 110px;
}
.report-link-v4313 {
  max-width: max-content;
}
@media (max-width: 560px) {
  .public-profile .profile-row {
    align-items: flex-start;
  }
  .public-pro-profile-title-v43131 h2 {
    font-size: clamp(26px, 8vw, 34px);
  }
}
/* V4.3.14 — Litiges */
.dispute-open-box-v4314,
.dispute-card-v4314,
.admin-dispute-card-v4314 {
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  background: #fff;
  padding: 14px;
  margin: 12px 0;
}
.dispute-open-box-v4314 summary,
.dispute-card-v4314 summary,
.admin-dispute-details-v4314 summary {
  cursor: pointer;
  font-weight: 900;
  color: #0f172a;
}
.dispute-list-v4314,
.admin-dispute-list-v4314 { display: grid; gap: 12px; }
.dispute-card-v4314 summary,
.admin-dispute-head-v4314 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.dispute-card-v4314 small,
.admin-dispute-head-v4314 small { display:block; color:#667085; margin-top:3px; }
.dispute-body-v4314,
.admin-dispute-details-v4314 { margin-top: 12px; border-top: 1px solid rgba(15,23,42,.08); padding-top: 12px; }
.decision-box-v4314 { background:#f8fafc; border:1px solid rgba(15,23,42,.08); border-radius:14px; padding:12px; }
.dispute-form-v4314 textarea,
.admin-dispute-details-v4314 textarea { min-height:110px; }
.dispute-btn-v4314 { margin-left: 8px; }
.admin-dispute-grid-v4314 {
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.admin-dispute-grid-v4314 div { background:#f8fafc; border:1px solid rgba(15,23,42,.08); border-radius:14px; padding:10px; }
.admin-dispute-grid-v4314 span { display:block; color:#667085; font-weight:800; font-size:12px; margin-bottom:4px; }
.admin-dispute-grid-v4314 b { overflow-wrap:anywhere; }
@media(max-width:760px){
  .admin-dispute-grid-v4314 { grid-template-columns:1fr; }
  .dispute-card-v4314 summary,
  .admin-dispute-head-v4314 { align-items:flex-start; }
}
/* V4.3.15 — Pages légales CGU / Confidentialité */
.legal-v4315 {
  max-width: 940px;
  margin: 0 auto;
  padding: 34px 22px 54px;
  color: #101828;
}
.legal-v4315 .legal-back {
  display: inline-flex;
  margin-bottom: 18px;
  color: #d84b17;
  font-weight: 900;
  text-decoration: none;
}
.legal-v4315 h1 {
  margin: 0 0 16px;
  font-size: clamp(34px, 7vw, 58px);
  line-height: .96;
  letter-spacing: -.055em;
}
.legal-v4315 h2 {
  margin: 26px 0 8px;
  font-size: clamp(21px, 3.2vw, 28px);
  letter-spacing: -.025em;
}
.legal-v4315 p {
  color: #667085;
  font-size: 17px;
  line-height: 1.62;
  margin: 0 0 10px;
}
.legal-v4315 .legal-intro {
  font-size: 19px;
  color: #475467;
  background: #f8fafc;
  border: 1px solid #e4e7ec;
  border-radius: 22px;
  padding: 18px;
}
.legal-contact-card {
  margin: 16px 0;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid #e4e7ec;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16,24,39,.05);
}
.legal-links-bottom,
.legal-link-row-v4315 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid #e4e7ec;
}
.legal-links-bottom a,
.legal-link-row-v4315 a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  font-weight: 850;
  text-decoration: none;
}
.legal-link-row-v4315 {
  width: min(1120px, calc(100% - 34px));
  margin: 0 auto 36px;
  justify-content: center;
}
.check a { color: #d84b17; font-weight: 900; }
@media (max-width: 640px) {
  .legal-v4315 { padding: 26px 18px 44px; }
  .legal-v4315 p { font-size: 16px; }
  .legal-links-bottom a,
  .legal-link-row-v4315 a { width: 100%; justify-content: center; }
}
/* V4.3.16 — Accès limité avant vérification + dépôt documents profil */
.verification-lock-v4316 {
  border: 1px solid #fed7aa;
  background: linear-gradient(135deg, #fff7ed, #ffffff);
}
.verification-lock-v4316 h2,
.verification-upload-v4316 h2 { margin-top: 0; }
.verification-lock-v4316 p { color: #667085; line-height: 1.55; }
.verification-upload-v4316 {
  border: 1px solid rgba(242, 107, 34, .22);
  background: #fffdfb;
}
.verification-upload-v4316 form {
  display: grid;
  gap: 12px;
}
.verification-state-v4316 {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.verification-state-v4316 span {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #0f172a;
  font-size: 13px;
  font-weight: 850;
}
.lock-hint,
.verification-required-hint-v4316 {
  border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #9a3412;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 750;
}
@media (max-width: 560px) {
  .verification-upload-v4316,
  .verification-lock-v4316 { padding: 18px; }
  .verification-state-v4316 { display: grid; grid-template-columns: 1fr; }
}
/* V4.3.16.2 — Ajout documents visible dans Mon profil */
.verification-upload-v43162 {
  margin-top: 18px;
  border: 1px solid rgba(242, 107, 34, .24);
  background: linear-gradient(135deg, #fff7ed, #ffffff);
}
.verification-upload-v43162 h2 { margin-top: 0; }
.verification-upload-v43162 form { display: grid; gap: 12px; }
.verification-upload-v43162 input[type="file"] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 12px;
}
.verification-state-v43162 {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.verification-state-v43162 span {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #0f172a;
  font-size: 13px;
  font-weight: 850;
}
@media (max-width: 560px) {
  .verification-upload-v43162 { padding: 18px; }
  .verification-state-v43162 { display: grid; grid-template-columns: 1fr; }
}
/* V4.3.17 — CGU / confidentialité + accès vérification propre */
.legal-v4317 { max-width: 940px; margin: 0 auto; padding: 34px 22px 54px; color: #101828; }
.legal-v4317 .legal-back { display: inline-flex; margin-bottom: 18px; color: #d84b17; font-weight: 900; text-decoration: none; }
.legal-v4317 h1 { margin: 0 0 16px; font-size: clamp(34px, 7vw, 58px); line-height: .96; letter-spacing: -.055em; }
.legal-v4317 h2 { margin: 26px 0 8px; font-size: clamp(21px, 3.2vw, 28px); letter-spacing: -.025em; }
.legal-v4317 p { color: #667085; font-size: 17px; line-height: 1.62; margin: 0 0 10px; }
.legal-v4317 .legal-intro { font-size: 19px; color: #475467; background: #f8fafc; border: 1px solid #e4e7ec; border-radius: 22px; padding: 18px; }
.legal-contact-card { margin: 16px 0; padding: 18px; border-radius: 20px; border: 1px solid #e4e7ec; background: #fff; box-shadow: 0 12px 30px rgba(16,24,39,.05); }
.legal-links-bottom { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; padding-top: 18px; border-top: 1px solid #e4e7ec; }
.legal-links-bottom a { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 12px; border-radius: 999px; background: #f2f4f7; color: #344054; font-weight: 850; text-decoration: none; }
.verification-gate-v4317 { border: 1px solid #fed7aa !important; background: linear-gradient(135deg, #fff7ed, #ffffff) !important; }
.verification-gate-v4317 h2 { color: #101828; }
.verification-actions-v4317 { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.verification-actions-v4317 .btn { min-width: 210px; }
@media (max-width: 640px) { .verification-actions-v4317 { display: grid; grid-template-columns: 1fr; } .verification-actions-v4317 .btn { width: 100%; min-width: 0; } }
/* V4.3.17.1 — liens CGU / confidentialité / contact visibles sur accueil */
.home-legal-links-v43171 {
  width: min(1120px, calc(100% - 34px));
  margin: 18px auto 34px;
  padding: 14px 16px;
  border: 1px solid #e4e7ec;
  border-radius: 20px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 34px rgba(16,24,39,.045);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 12px;
}
.home-legal-links-v43171 a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 999px;
  color: #344054;
  background: #f2f4f7;
  font-weight: 850;
  font-size: 14px;
  text-decoration: none;
}
.home-legal-links-v43171 a:hover { background: #fff1e8; color: #d84b17; }
@media (max-width: 640px) {
  .home-legal-links-v43171 { width: calc(100% - 24px); margin-top: 14px; justify-content: flex-start; }
  .home-legal-links-v43171 a { font-size: 13px; }
}
/* V4.3.18 — Corrections interface + messagerie */
html { scroll-behavior: smooth; }
.auth-panel.is-open,
.auth-card.auth-panel.is-open {
  position: fixed !important;
  z-index: 10000 !important;
  left: 50% !important;
  top: max(12px, env(safe-area-inset-top)) !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) !important;
  width: min(760px, calc(100vw - 22px)) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 28px !important;
  padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
}
.auth-panel.is-open .tabs,
.auth-card.auth-panel.is-open .tabs {
  position: sticky;
  top: 0;
  z-index: 4;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  margin-top: 0;
}
.auth-panel.is-open .tab-panel,
.auth-card.auth-panel.is-open .tab-panel { scroll-margin-top: 92px; }
.auth-close {
  position: sticky !important;
  top: 8px !important;
  z-index: 5 !important;
}
.fpa-backtop-v4318 {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(88px, calc(env(safe-area-inset-bottom) + 74px));
  z-index: 9000;
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff6b16, #df4315);
  color: #fff;
  font-size: 30px;
  font-weight: 950;
  box-shadow: 0 18px 36px rgba(242,107,34,.30);
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fpa-backtop-v4318.is-visible { display: flex; }
.message-thread.unread,
.message-card.unread,
.thread-card.unread {
  border-color: #fdba74 !important;
  background: #fffaf3 !important;
}
.new-dot,
.badge-new-message-v4318 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  vertical-align: middle;
  margin-left: 8px;
}
.message-icon.has-unread,
.message-icon:has(.message-count) {
  background: #fff7ed !important;
  color: #d84b17 !important;
}
.message-count {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 21px;
  height: 21px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
}
.message-icon { position: relative; }
@media (max-width: 640px) {
  .auth-panel.is-open,
  .auth-card.auth-panel.is-open {
    width: calc(100vw - 18px) !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    border-radius: 24px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .auth-panel.is-open input,
  .auth-panel.is-open select,
  .auth-panel.is-open textarea {
    font-size: 16px !important;
  }
  .fpa-backtop-v4318 {
    width: 54px;
    height: 54px;
    font-size: 28px;
    bottom: max(82px, calc(env(safe-area-inset-bottom) + 72px));
  }
}

/* FPA V4.3.18.1 — back-to-top unique */
#backToTop.fpa-backtop,
.fpa-backtop {
  position: fixed !important;
  right: 22px !important;
  bottom: 26px !important;
  width: 64px !important;
  height: 64px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #ff6b1a, #df4b18) !important;
  color: #fff !important;
  font-size: 38px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 18px 38px rgba(223,75,24,.28) !important;
  z-index: 9999 !important;
  cursor: pointer !important;
  transition: opacity .18s ease, transform .18s ease !important;
}
#backToTop.fpa-backtop.is-hidden,
.fpa-backtop.is-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
}
@media (max-width: 760px) {
  #backToTop.fpa-backtop,
  .fpa-backtop {
    width: 58px !important;
    height: 58px !important;
    right: 18px !important;
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    font-size: 34px !important;
  }
}


/* FPA V4.4.0 PRO CLEAN — flèche unique et neutralisation des anciennes rustines */
#fpaBackTopV4318,
.fpa-backtop-v4318 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
#backToTop.fpa-backtop,
#backToTop.back-to-top,
.fpa-backtop {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(24px, calc(env(safe-area-inset-bottom) + 24px)) !important;
  width: 54px !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #ff6b1a, #df4b18) !important;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 18px 38px rgba(223,75,24,.28) !important;
  z-index: 9000 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}
#backToTop.fpa-backtop.is-hidden,
#backToTop.back-to-top.is-hidden,
.fpa-backtop.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
}
@media (max-width: 760px) {
  #backToTop.fpa-backtop,
  #backToTop.back-to-top,
  .fpa-backtop {
    width: 52px !important;
    height: 52px !important;
    right: 16px !important;
    bottom: max(76px, calc(env(safe-area-inset-bottom) + 76px)) !important;
    font-size: 28px !important;
  }
}
.admin-schema-grid-v440,
.admin-queue-grid-v440,
.admin-agent-grid-v440,
.admin-activity-grid-v440 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.admin-schema-card-v440,
.admin-agent-card-v440,
.admin-activity-card-v440 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(16,24,39,.05);
}
.admin-schema-card-v440 h3,
.admin-agent-card-v440 h3 { margin-top: 0; }
.admin-schema-card-v440 ul { margin: 10px 0 0; padding-left: 18px; }
.admin-schema-card-v440 li { margin: 5px 0; }
.admin-agent-form-v440,
.admin-activity-filter-v440 { margin-bottom: 18px; }
.admin-agent-form-v440 .grid,
.admin-activity-filter-v440 { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; align-items: end; }
.admin-activity-card-v440 small { color: var(--muted); font-weight: 800; }
.admin-activity-card-v440 p { margin-bottom: 0; }

/* FPA V4.4.1 GLOBAL PRO */
.topbar-icons {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.badge.sponsor {
  background: #fff7ed;
  color: #c2410c;
  border-color: rgba(234,88,12,.26);
}
.identity-upload-v441 {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  border: 1px dashed rgba(15,23,42,.2);
  background: #f8fafc;
}
.secure-contact-card-v441 {
  margin: 12px 0;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(22,163,74,.18);
  background: #f0fdf4;
}
.secure-contact-card-v441 h4 { margin: 0 0 8px; }
.secure-contact-card-v441 ul { margin: 8px 0 0; padding-left: 18px; }
.notifications-panel-v441 .notifications-list-v441 {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.notification-card-v441 {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(16,24,39,.04);
}
.notification-card-v441.unread { border-color: rgba(255,107,26,.35); background: #fff7ed; }
.admin-danger-inline,
.admin-sponsor-form-v441 {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f8fafc;
}
.admin-danger-inline { border-color: rgba(220,38,38,.22); background: #fef2f2; }
.admin-danger-inline small { display: block; margin-top: 6px; color: var(--muted); }
.btn.danger { background: #dc2626; color: #fff; border-color: #dc2626; }
@media (max-width: 760px) {
  .topbar-icons { gap: 6px; }
}

/* FPA V4.4.2 WORKFLOW FINAL */
.home-v442 .home-choice-v442,
.home-v442 .home-recent-v442,
.home-v442 .home-pro-offers-v442 {
  margin: 26px 0;
}
.home-choice-grid-v442,
.home-announcements-grid-v442,
.home-pro-offers-v442 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.home-choice-grid-v442 button,
.home-announcements-grid-v442 article,
.home-pro-offers-v442 article,
.premium-box-v442,
.payment-instructions-v442,
.payment-breakdown-v442,
.admin-settings-form-v442 {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 28px rgba(16,24,39,.05);
}
.home-choice-grid-v442 button {
  text-align: left;
  cursor: pointer;
}
.home-choice-grid-v442 strong,
.home-choice-grid-v442 small,
.home-announcements-grid-v442 strong,
.home-announcements-grid-v442 small {
  display: block;
}
.home-choice-grid-v442 small,
.home-announcements-grid-v442 .muted { margin-top: 6px; }
.payment-breakdown-v442 {
  display: grid;
  gap: 8px;
  background: #f8fafc;
}
.payment-breakdown-v442 p {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
}
.payment-breakdown-v442 .total {
  padding-top: 8px;
  border-top: 1px solid var(--line);
  font-size: 1.04rem;
}
.payment-method-list-v442 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.payment-method-list-v442 article {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
}
.listing-row-v442 span small,
.admin-payment-head small,
.payment-method-list-v442 small {
  display: block;
  color: var(--muted);
  font-weight: 700;
}
.listing-actions-v442 {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-left: auto;
}
.sponsor-details-v442 { position: relative; }
.sponsor-details-v442 summary { list-style: none; cursor: pointer; }
.sponsor-details-v442 form {
  position: absolute;
  right: 0;
  z-index: 3;
  min-width: 210px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 18px 42px rgba(16,24,39,.14);
}
.panel-toolbar-v442 { margin-bottom: 12px; }
.premium-box-v442 { margin-top: 18px; background: #fff7ed; }
.admin-settings-form-v442 { margin: 14px 0; }
@media (max-width: 760px) {
  .listing-actions-v442 { width: 100%; margin-left: 0; margin-top: 8px; }
  .sponsor-details-v442 form { position: static; min-width: 0; box-shadow: none; margin-top: 8px; }
}


/* FPA V4.4.2.3 — accueil propre sans pub et accès public annonces */
.home-clean-v4423 .home-choice-clean-v4423 { margin: 28px 0; }
.home-choice-clean-grid-v4423 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.home-choice-clean-grid-v4423 a,
.home-choice-clean-grid-v4423 button { display: block; width: 100%; text-align: left; background: #fff; color: var(--ink); border: 1px solid var(--line); border-radius: 20px; padding: 18px; box-shadow: 0 10px 28px rgba(16,24,39,.05); text-decoration: none; cursor: pointer; font: inherit; }
.home-choice-clean-grid-v4423 strong,
.home-choice-clean-grid-v4423 small { display: block; }
.home-choice-clean-grid-v4423 small { margin-top: 7px; color: var(--muted); line-height: 1.45; }
.home-clean-v4423 .home-recent-v442,
.home-clean-v4423 .home-pro-offers-v442 { display: none !important; }
.public-shell-v4423 { max-width: 1180px; margin: 0 auto; padding: 18px; }
.public-top-v4423 { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.public-top-v4423 nav { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.public-cta-v4423 { margin-top: 24px; }
.public-detail-v4423 .listing-img { max-width: 420px; width: 100%; border-radius: 18px; }
@media (max-width: 680px) {
  .public-shell-v4423 { padding: 12px; }
  .public-top-v4423 { align-items: flex-start; flex-direction: column; }
  .home-choice-clean-grid-v4423 { grid-template-columns: 1fr; }
  .home-choice-clean-grid-v4423 a,
  .home-choice-clean-grid-v4423 button { border-radius: 16px; padding: 15px; }
}


/* V4.4.2.7 — Accueil final avec simulateur premium, corridors admin et Pro Premium logo */
.home-v4427 .home-open-announcements-v4427{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.home-simulator-v4427,
.home-popular-v4427,
.home-audience-v4427,
.home-smile-v4427,
.home-app-v4427{
  width:min(1120px,calc(100% - 34px));
  margin-left:auto;
  margin-right:auto;
}
.home-simulator-v4427{
  margin-top:26px;
  padding:30px;
  border-radius:34px;
  background:linear-gradient(135deg,#eef4ff 0%,#f6f8ff 44%,#fff7ed 100%);
  border:1px solid rgba(37,99,235,.18);
  box-shadow:0 26px 60px rgba(37,99,235,.10);
}
.home-sim-title-v4427{text-align:center;margin-bottom:20px;}
.home-sim-title-v4427 span,
.home-smile-v4427 span:first-child{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  color:#164c9a;
  background:#eaf4ff;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.home-sim-title-v4427 h2{margin:10px 0 10px;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.055em;}
.home-sim-title-v4427 p{margin:0 auto;max-width:760px;color:var(--muted,#667085);font-size:18px;line-height:1.45;}
.home-sim-card-v4427{
  width:min(820px,100%);
  margin:0 auto;
  padding:20px;
  border:2px solid #2d6cdf;
  border-radius:30px;
  background:rgba(255,255,255,.94);
  box-shadow:0 20px 48px rgba(16,24,39,.10);
}
.home-route-box-v4427{position:relative;display:grid;gap:10px;}
.home-route-box-v4427 label,
.home-sim-grid-v4427 label,
.home-sim-advanced-v4427 label{display:grid;gap:7px;font-weight:900;color:#3b4560;}
.home-route-box-v4427 select,
.home-sim-grid-v4427 select,
.home-sim-grid-v4427 input,
.home-sim-advanced-v4427 select,
.home-sim-advanced-v4427 input{
  width:100%;
  min-height:58px;
  border:1px solid #edf0f6;
  border-radius:18px;
  padding:0 16px;
  background:#f8f9ff;
  color:#101828;
  font-weight:800;
  font-size:16px;
}
.home-route-switch-v4427{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border:0;
  border-radius:50%;
  background:#eef2ff;
  color:#2563eb;
  font-size:26px;
  font-weight:950;
  pointer-events:none;
}
.home-sim-grid-v4427{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;}
.home-sim-advanced-v4427{margin-top:12px;background:#fbfcff;border:1px solid #edf0f6;border-radius:18px;padding:12px;}
.home-sim-advanced-v4427 summary{font-weight:950;cursor:pointer;color:#344054;}
.home-sim-note-v4427{margin:13px 0 0;color:#667085;font-size:14px;font-weight:800;}
.home-sim-submit-v4427{width:100%;margin-top:16px;min-height:58px;border-radius:999px;font-size:18px;}
.home-estimate-result-v4427{
  width:min(820px,100%);
  margin:16px auto 0;
  padding:18px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(37,99,235,.18);
  box-shadow:0 18px 42px rgba(16,24,39,.08);
}
.home-estimate-result-v4427 span{display:inline-flex;font-size:12px;font-weight:950;text-transform:uppercase;color:#166534;background:#dcfce7;border-radius:999px;padding:6px 10px;}
.home-estimate-result-v4427.warn span{color:#9a3412;background:#ffedd5;}
.home-estimate-result-v4427 strong{display:block;margin:10px 0;font-size:clamp(24px,4vw,34px);letter-spacing:-.035em;}
.home-estimate-result-v4427 p{margin:0 0 8px;color:#475467;font-weight:850;}
.home-estimate-result-v4427 small{display:block;color:#667085;line-height:1.4;}
.home-estimate-result-v4427 div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.home-popular-v4427,.home-audience-v4427{margin-top:28px;}
.home-popular-grid-v4427,.home-audience-grid-v4427{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.home-popular-grid-v4427 a,.home-audience-grid-v4427 article{
  background:#fff;
  border:1px solid var(--border,#e4e7ec);
  border-radius:22px;
  padding:16px;
  text-decoration:none;
  color:inherit;
  box-shadow:0 14px 34px rgba(16,24,39,.045);
  font-weight:950;
}
.home-popular-grid-v4427 small,.home-audience-grid-v4427 small{display:block;margin-top:7px;color:#667085;font-weight:750;line-height:1.35;}
.home-audience-grid-v4427 article span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff1e8;font-size:25px;margin-bottom:12px;}
.home-smile-v4427{margin-top:28px;padding:28px;border-radius:32px;background:#0f172a;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;align-items:center;box-shadow:0 24px 60px rgba(16,24,39,.18);}
.home-smile-v4427 h2,.home-app-v4427 h2{margin:12px 0 10px;font-size:clamp(32px,5vw,54px);line-height:.96;letter-spacing:-.055em;}
.home-smile-v4427 p,.home-app-v4427 p{margin:0;color:#d0d5dd;font-size:18px;line-height:1.45;}
.home-smile-visual-v4427{width:138px;height:138px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:76px;font-weight:950;box-shadow:0 20px 44px rgba(34,197,94,.25);}
.home-app-v4427{margin-top:28px;margin-bottom:34px;padding:28px;border-radius:32px;background:#fff;border:1px solid var(--border,#e4e7ec);display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;}
.phone-mock-v4427{height:300px;border:12px solid #111827;border-radius:38px;background:linear-gradient(180deg,#fff7ed,#eef4ff);padding:24px;display:grid;align-content:center;gap:18px;text-align:center;box-shadow:0 28px 54px rgba(16,24,39,.18);}
.phone-mock-v4427 span{font-weight:950;color:#ea580c;}
.phone-mock-v4427 strong{font-size:28px;line-height:1.15;letter-spacing:-.04em;}
.store-badges-v4427{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.store-badges-v4427 span{display:inline-flex;flex-direction:column;justify-content:center;min-width:170px;min-height:58px;border-radius:14px;background:#111;color:#fff;padding:8px 15px;font-weight:950;line-height:1.05;}
.store-badges-v4427 small{color:#d1d5db;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.access-gate-v4427{min-height:100vh;background:linear-gradient(180deg,#fff,#f7f8fb);padding-bottom:42px;}
.access-gate-card-v4427{width:min(860px,calc(100% - 28px));margin:34px auto;padding:28px;border-radius:28px;}
.access-gate-card-v4427 h1{margin:10px 0 12px;font-size:clamp(36px,7vw,62px);line-height:.95;letter-spacing:-.05em;}
.access-gate-card-v4427 p{max-width:680px;font-size:18px;line-height:1.45;}
.access-gate-actions-v4427{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 8px;}
.profile-head-v434{grid-template-columns:74px minmax(0,1fr) auto;}
.profile-company-logo-v4427{min-width:112px;max-width:150px;padding:10px;border:1px solid rgba(242,107,34,.22);background:#fff7ed;border-radius:18px;display:grid;gap:7px;justify-items:center;text-align:center;align-self:start;}
.profile-company-logo-v4427 img{width:78px;height:78px;border-radius:18px;object-fit:contain;background:#fff;border:1px solid rgba(16,24,39,.08);}
.profile-company-logo-v4427 span,.profile-company-logo-v4427 strong{font-size:12px;line-height:1.2;font-weight:900;color:#9a3412;}
.profile-company-logo-v4427.empty{background:#f8fafc;border-color:#e5e7eb;}
.company-logo-upload-v4427{margin-top:12px;border-top:1px solid var(--border,#e5e7eb);padding-top:12px;}
.public-company-logo-v4427{display:inline-flex;margin:8px 0 4px;}
.public-company-logo-v4427 img{width:96px;height:96px;border-radius:22px;object-fit:contain;background:#fff;border:1px solid rgba(16,24,39,.10);box-shadow:0 12px 28px rgba(16,24,39,.08);}
.pro-origin-logo-v4427{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(20,184,92,.25);}
.premium-logo-preview-v4427{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(242,107,34,.18);background:#fff7ed;border-radius:18px;margin:14px 0;}
.premium-logo-preview-v4427 img{width:74px;height:74px;border-radius:18px;object-fit:contain;background:#fff;}
.admin-corridor-list-v4427{display:grid;gap:12px;margin:12px 0 18px;}
.admin-corridor-row-v4427{display:grid;grid-template-columns:90px repeat(4,minmax(130px,1fr));gap:10px;padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:18px;background:#f8fafc;}
.admin-corridor-row-v4427 label{font-size:12px;}
@media (max-width:820px){
  .home-sim-grid-v4427{grid-template-columns:1fr 1fr;}
  .home-smile-v4427,.home-app-v4427{grid-template-columns:1fr;}
  .phone-mock-v4427{height:240px;}
  .admin-corridor-row-v4427{grid-template-columns:1fr 1fr;}
}
@media (max-width:520px){
  .home-simulator-v4427{width:min(100% - 24px,1120px);padding:18px;border-radius:26px;}
  .home-sim-card-v4427{padding:13px;border-radius:24px;}
  .home-sim-grid-v4427{grid-template-columns:1fr;}
  .home-route-switch-v4427{right:12px;width:46px;height:46px;font-size:22px;}
  .home-popular-v4427,.home-audience-v4427,.home-smile-v4427,.home-app-v4427{width:min(100% - 24px,1120px);}
  .home-smile-visual-v4427{width:98px;height:98px;border-radius:28px;font-size:54px;}
  .store-badges-v4427 span{width:100%;}
  .profile-head-v434{grid-template-columns:58px 1fr;}
  .profile-company-logo-v4427{grid-column:1 / -1;max-width:none;grid-template-columns:70px 1fr;align-items:center;justify-items:start;text-align:left;}
  .profile-company-logo-v4427 img{width:70px;height:70px;}
  .admin-corridor-row-v4427{grid-template-columns:1fr;}
}

/* V4.4.2.8 — HOTFIX affichage accueil mobile : cache-bust + grille/cards forcées */
.home-v4427{
  overflow-x:hidden;
}
.home-v4427 section{
  box-sizing:border-box;
}
.home-v4427 .btn{
  text-decoration:none;
}
.home-v4427 .home-simulator-v4427,
.home-v4427 .home-popular-v4427,
.home-v4427 .home-audience-v4427,
.home-v4427 .home-smile-v4427,
.home-v4427 .home-app-v4427{
  width:min(1120px,calc(100% - 34px));
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.home-v4427 .home-simulator-v4427{
  display:block;
  margin-top:28px;
  padding:30px;
  border-radius:34px;
  background:linear-gradient(135deg,#edf4ff 0%,#f7f9ff 48%,#fff7ed 100%);
  border:1px solid rgba(242,107,34,.20);
  box-shadow:0 26px 60px rgba(16,24,39,.10);
}
.home-v4427 .home-sim-title-v4427{
  display:block;
  text-align:center;
  margin:0 auto 22px;
  max-width:840px;
}
.home-v4427 .home-sim-title-v4427 > span,
.home-v4427 .home-section-title-v4310 > span,
.home-v4427 .home-smile-v4427 > div > span:first-child,
.home-v4427 .home-kicker-v4310{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:#eaf4ff;
  color:#164c9a;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
  line-height:1;
}
.home-v4427 .home-sim-title-v4427 h2,
.home-v4427 .home-section-title-v4310 h2,
.home-v4427 .home-smile-v4427 h2,
.home-v4427 .home-app-v4427 h2{
  margin:12px 0 10px;
  font-size:clamp(34px,7vw,58px);
  line-height:.98;
  letter-spacing:-.055em;
}
.home-v4427 .home-sim-title-v4427 p,
.home-v4427 .home-section-title-v4310 p,
.home-v4427 .home-smile-v4427 p,
.home-v4427 .home-app-v4427 p{
  margin:0;
  color:#667085;
  font-size:18px;
  line-height:1.45;
}
.home-v4427 .home-sim-card-v4427{
  display:block;
  width:min(820px,100%);
  margin:0 auto;
  padding:20px;
  border:2px solid #2d6cdf;
  border-radius:30px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 48px rgba(16,24,39,.10);
  box-sizing:border-box;
}
.home-v4427 .home-route-box-v4427{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.home-v4427 .home-route-box-v4427 label,
.home-v4427 .home-sim-grid-v4427 label,
.home-v4427 .home-sim-advanced-v4427 label{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:0;
  color:#344054;
  font-weight:950;
  line-height:1.2;
}
.home-v4427 .home-route-box-v4427 select,
.home-v4427 .home-sim-grid-v4427 select,
.home-v4427 .home-sim-grid-v4427 input,
.home-v4427 .home-sim-advanced-v4427 select,
.home-v4427 .home-sim-advanced-v4427 input{
  display:block;
  width:100%;
  min-height:58px;
  margin:0;
  border:1px solid #e4e7ec;
  border-radius:18px;
  padding:0 16px;
  background:#f8f9ff;
  color:#101828;
  font-weight:850;
  font-size:16px;
  box-sizing:border-box;
}
.home-v4427 .home-route-switch-v4427{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border:0;
  border-radius:999px;
  background:#eef2ff;
  color:#2563eb;
  font-size:24px;
  font-weight:950;
  pointer-events:none;
}
.home-v4427 .home-sim-grid-v4427{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.home-v4427 .home-sim-advanced-v4427{
  display:block;
  margin:14px 0 0;
  padding:13px;
  background:#fbfcff;
  border:1px solid #edf0f6;
  border-radius:18px;
}
.home-v4427 .home-sim-advanced-v4427 summary{
  display:list-item;
  cursor:pointer;
  color:#344054;
  font-weight:950;
}
.home-v4427 .home-sim-note-v4427{
  margin:14px 0 0;
  color:#667085;
  font-size:14px;
  font-weight:850;
  line-height:1.4;
}
.home-v4427 .home-sim-submit-v4427{
  width:100%;
  margin-top:16px;
  min-height:58px;
  border-radius:999px;
  font-size:18px;
}
.home-v4427 .home-estimate-result-v4427{
  display:block;
  width:min(820px,100%);
  margin:16px auto 0;
  padding:18px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(37,99,235,.18);
  box-shadow:0 18px 42px rgba(16,24,39,.08);
  box-sizing:border-box;
}
.home-v4427 .home-estimate-result-v4427 span{
  display:inline-flex;
  width:auto;
  max-width:max-content;
  margin:0;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#166534;
  background:#dcfce7;
  border-radius:999px;
  padding:7px 11px;
}
.home-v4427 .home-estimate-result-v4427.warn span{
  color:#9a3412;
  background:#ffedd5;
}
.home-v4427 .home-estimate-result-v4427 strong{
  display:block;
  margin:10px 0;
  font-size:clamp(22px,5vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.home-v4427 .home-estimate-result-v4427 div{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.home-v4427 .home-popular-v4427,
.home-v4427 .home-audience-v4427{
  margin-top:30px;
}
.home-v4427 .home-popular-grid-v4427,
.home-v4427 .home-audience-grid-v4427{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
}
.home-v4427 .home-popular-grid-v4427 a,
.home-v4427 .home-audience-grid-v4427 article{
  display:block;
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:22px;
  padding:16px;
  text-decoration:none;
  color:#101828;
  box-shadow:0 14px 34px rgba(16,24,39,.045);
  font-weight:950;
  box-sizing:border-box;
}
.home-v4427 .home-popular-grid-v4427 small,
.home-v4427 .home-audience-grid-v4427 small{
  display:block;
  margin-top:8px;
  color:#667085;
  font-weight:750;
  line-height:1.35;
}
.home-v4427 .home-audience-grid-v4427 article > span{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:16px;
  background:#fff1e8;
  font-size:25px;
  margin:0 0 12px;
}
.home-v4427 .home-smile-v4427{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:18px;
  align-items:center;
  margin-top:30px;
  padding:28px;
  border-radius:32px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 24px 60px rgba(16,24,39,.18);
}
.home-v4427 .home-smile-v4427 p{
  color:#d0d5dd;
}
.home-v4427 .home-smile-visual-v4427{
  display:grid;
  place-items:center;
  width:132px;
  height:132px;
  border-radius:34px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;
  font-size:70px;
  font-weight:950;
  box-shadow:0 20px 44px rgba(34,197,94,.25);
}
.home-v4427 .home-app-v4427{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin-top:30px;
  margin-bottom:34px;
  padding:28px;
  border-radius:32px;
  background:#fff;
  border:1px solid #e4e7ec;
}
.home-v4427 .phone-mock-v4427{
  display:grid;
  align-content:center;
  gap:18px;
  height:300px;
  padding:24px;
  border:12px solid #111827;
  border-radius:38px;
  background:linear-gradient(180deg,#fff7ed,#eef4ff);
  text-align:center;
  box-shadow:0 28px 54px rgba(16,24,39,.18);
}
.home-v4427 .phone-mock-v4427 span{
  color:#ea580c;
  font-weight:950;
}
.home-v4427 .phone-mock-v4427 strong{
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.04em;
}
.home-v4427 .store-badges-v4427{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.home-v4427 .store-badges-v4427 span{
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  min-width:170px;
  min-height:58px;
  border-radius:14px;
  background:#111827;
  color:#fff;
  padding:8px 15px;
  font-weight:950;
  line-height:1.05;
}
.home-v4427 .store-badges-v4427 small{
  color:#d1d5db;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
@media (max-width:820px){
  .home-v4427 .home-sim-grid-v4427{grid-template-columns:1fr 1fr;}
  .home-v4427 .home-smile-v4427,
  .home-v4427 .home-app-v4427{grid-template-columns:1fr;}
  .home-v4427 .phone-mock-v4427{height:240px;}
}
@media (max-width:520px){
  .home-v4427 .home-simulator-v4427,
  .home-v4427 .home-popular-v4427,
  .home-v4427 .home-audience-v4427,
  .home-v4427 .home-smile-v4427,
  .home-v4427 .home-app-v4427{
    width:calc(100% - 24px);
  }
  .home-v4427 .home-simulator-v4427{
    padding:18px;
    border-radius:26px;
  }
  .home-v4427 .home-sim-card-v4427{
    padding:14px;
    border-radius:24px;
  }
  .home-v4427 .home-sim-grid-v4427,
  .home-v4427 .home-popular-grid-v4427,
  .home-v4427 .home-audience-grid-v4427{
    grid-template-columns:1fr;
  }
  .home-v4427 .home-route-switch-v4427{
    right:12px;
    width:46px;
    height:46px;
    font-size:22px;
  }
  .home-v4427 .home-smile-visual-v4427{
    width:96px;
    height:96px;
    border-radius:28px;
    font-size:52px;
  }
  .home-v4427 .store-badges-v4427 span{
    width:100%;
  }
}

/* V4.4.2.9 — accueil allégé + simulateur page dédiée */
.home-sim-cta-v4429{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    margin:34px 0;
    padding:26px;
    border:1px solid #ffd8c6;
    border-radius:30px;
    background:linear-gradient(135deg,#fff 0%,#fff5ef 100%);
    box-shadow:0 18px 60px rgba(240,90,26,.08);
}
.home-sim-cta-v4429 h2{margin:10px 0 8px;font-size:clamp(28px,5vw,46px);line-height:1.02;letter-spacing:-.04em;color:#101827;}
.home-sim-cta-v4429 p{margin:0 0 10px;color:#667085;font-size:18px;line-height:1.45;}
.home-sim-cta-v4429 small{display:block;color:#7a8496;font-weight:800;}
.simulator-page-v4429{max-width:980px;margin:0 auto;padding:22px;}
.simulator-hero-v4429{padding:28px 0 22px;}
.simulator-hero-v4429 h1{font-size:clamp(38px,7vw,72px);line-height:.96;letter-spacing:-.055em;margin:14px 0;color:#101827;}
.simulator-hero-v4429 p{font-size:clamp(18px,3.4vw,24px);line-height:1.45;color:#667085;margin:0;max-width:760px;}
.simulator-standalone-v4429{margin:18px 0 34px;padding:0;background:transparent;border:0;}
.simulator-standalone-v4429 .home-sim-card-v4427{margin:0;padding:24px;border-radius:28px;border:1px solid #e6ebf2;background:#fff;box-shadow:0 18px 70px rgba(16,24,39,.08);}
.simulator-corridors-v4429{margin-top:28px;}
@media(max-width:720px){
    .home-sim-cta-v4429{grid-template-columns:1fr;padding:22px;border-radius:26px;}
    .home-sim-cta-v4429 .btn{width:100%;justify-content:center;}
    .simulator-page-v4429{padding:14px;}
    .simulator-standalone-v4429 .home-sim-card-v4427{padding:18px;border-radius:24px;}
}

/* FPA V4.4.2.11 — Accueil propre final : page dédiée simulateur, accès annonces par compte */
.home-final-v44211{
  --fpa-ink:#101827;
  --fpa-muted:#667085;
  --fpa-line:#e4e7ec;
  --fpa-orange:#f05a1a;
  --fpa-navy:#0f172a;
  min-height:100vh;
  background:
    radial-gradient(circle at 82% 8%, rgba(240,90,26,.13), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(37,99,235,.08), transparent 30%),
    linear-gradient(180deg,#fff 0%,#f7f8fb 100%);
  color:var(--fpa-ink);
}
.home-final-v44211 .home-kicker-v4310{margin:0 0 12px;}
.home-final-header-v44211{
  width:min(1180px,calc(100% - 32px));
  min-height:76px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.home-final-nav-v44211{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.home-final-nav-v44211 a,
.home-final-nav-v44211 button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(16,24,39,.10);
  border-radius:999px;
  padding:8px 14px;
  background:rgba(255,255,255,.78);
  color:#344054;
  text-decoration:none;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(16,24,39,.035);
}
.home-final-nav-v44211 button{
  color:#fff;
  border-color:#0f172a;
  background:#0f172a;
}
.home-final-hero-v44211{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  padding:34px 0 18px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:28px;
  align-items:center;
}
.home-final-copy-v44211 h1{
  margin:0 0 14px;
  font-size:clamp(42px,7.4vw,76px);
  line-height:.92;
  letter-spacing:-.065em;
  color:#0f172a;
}
.home-final-copy-v44211 p{
  max-width:720px;
  margin:0;
  color:var(--fpa-muted);
  font-size:clamp(18px,2.3vw,23px);
  line-height:1.42;
}
.home-final-actions-v44211{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:22px;
}
.home-final-actions-v44211 .btn{
  min-height:50px;
  min-width:172px;
  border-radius:16px;
}
.home-final-actions-v44211 .btn.ghost{
  background:#fff;
  color:#344054;
  border:1px solid var(--fpa-line);
}
.home-final-visual-v44211{
  position:relative;
  min-height:318px;
  display:grid;
  align-content:end;
  justify-items:start;
  overflow:hidden;
  border:1px solid rgba(240,90,26,.18);
  border-radius:34px;
  padding:22px;
  background:linear-gradient(135deg,#fff7ed 0%,#fff 48%,#eef4ff 100%);
  box-shadow:0 28px 68px rgba(16,24,39,.10);
}
.home-final-visual-v44211::before{
  content:'';
  position:absolute;
  inset:auto -42px -72px auto;
  width:210px;
  height:210px;
  border-radius:999px;
  background:rgba(240,90,26,.12);
}
.home-final-visual-v44211 img{
  width:min(92%,380px);
  max-height:220px;
  object-fit:contain;
  display:block;
  margin:0 auto 14px;
  border-radius:22px;
  filter:drop-shadow(0 24px 32px rgba(15,23,42,.11));
  position:relative;
  z-index:1;
}
.home-final-visual-v44211 div{
  position:relative;
  z-index:1;
  padding:14px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.9);
  backdrop-filter:blur(8px);
}
.home-final-visual-v44211 strong{display:block;font-size:26px;letter-spacing:-.035em;}
.home-final-visual-v44211 small{display:block;margin-top:5px;color:var(--fpa-muted);font-weight:800;line-height:1.35;}
.home-final-badges-v44211,
.home-final-note-v44211,
.home-final-section-v44211,
.home-final-payoff-v44211,
.home-final-app-v44211,
.home-final-footer-v44211{
  width:min(1180px,calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}
.home-final-badges-v44211{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.home-final-badges-v44211 span{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--fpa-line);
  border-radius:16px;
  background:#fff;
  color:#344054;
  text-align:center;
  font-weight:900;
  box-shadow:0 10px 24px rgba(16,24,39,.035);
}
.home-final-note-v44211{
  display:grid;
  grid-template-columns:minmax(210px,.6fr) minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin-top:22px;
  padding:20px;
  border:1px solid #ffd8c6;
  border-radius:26px;
  background:linear-gradient(135deg,#fff 0%,#fff6ef 100%);
  box-shadow:0 18px 46px rgba(240,90,26,.07);
}
.home-final-note-v44211 h2{
  margin:0;
  font-size:clamp(25px,4vw,38px);
  line-height:1;
  letter-spacing:-.045em;
}
.home-final-note-v44211 ul{
  margin:0;
  padding-left:19px;
  color:#475467;
  font-size:16px;
  line-height:1.45;
  font-weight:750;
}
.home-final-note-v44211 li{margin:4px 0;}
.home-final-note-v44211 a{
  white-space:nowrap;
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:8px 14px;
  background:#0f172a;
  color:#fff;
  text-decoration:none;
  font-weight:900;
}
.home-final-section-v44211{margin-top:26px;}
.home-final-section-v44211.compact-v44211{margin-top:22px;}
.home-final-card-grid-v44211{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.home-final-card-grid-v44211 article,
.home-final-steps-v44211 article{
  background:#fff;
  border:1px solid var(--fpa-line);
  border-radius:22px;
  padding:16px;
  box-shadow:0 14px 34px rgba(16,24,39,.045);
}
.home-final-card-grid-v44211 b{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:15px;
  background:#fff1e8;
  font-size:24px;
  margin-bottom:11px;
}
.home-final-card-grid-v44211 strong,
.home-final-steps-v44211 strong{display:block;font-size:17px;line-height:1.16;letter-spacing:-.025em;color:#101827;}
.home-final-card-grid-v44211 small,
.home-final-steps-v44211 small{display:block;margin-top:8px;color:var(--fpa-muted);font-weight:750;line-height:1.36;}
.home-final-steps-v44211{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.home-final-steps-v44211 span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-weight:950;
  margin-bottom:10px;
}
.home-final-security-v44211{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.home-final-security-v44211 span{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--fpa-line);
  border-radius:16px;
  padding:10px;
  background:#fff;
  color:#344054;
  text-align:center;
  font-weight:900;
  box-shadow:0 10px 24px rgba(16,24,39,.035);
}
.home-final-payoff-v44211{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px;
  gap:18px;
  align-items:center;
  margin-top:24px;
  padding:24px;
  border-radius:28px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 24px 60px rgba(16,24,39,.18);
}
.home-final-payoff-v44211 span{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(34,197,94,.14);
  color:#bbf7d0;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.home-final-payoff-v44211 h2,
.home-final-app-v44211 h2{
  margin:0 0 8px;
  font-size:clamp(30px,5vw,48px);
  line-height:1;
  letter-spacing:-.05em;
}
.home-final-payoff-v44211 p,
.home-final-app-v44211 p{margin:0;color:#d0d5dd;font-size:17px;line-height:1.45;}
.home-final-payoff-v44211 > strong{
  display:grid;
  place-items:center;
  width:100px;
  height:100px;
  border-radius:30px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  font-size:56px;
  box-shadow:0 20px 44px rgba(34,197,94,.25);
}
.home-final-app-v44211{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin-top:24px;
  margin-bottom:22px;
  padding:24px;
  border:1px solid var(--fpa-line);
  border-radius:28px;
  background:#fff;
}
.home-final-app-v44211 p{color:var(--fpa-muted);}
.home-final-app-v44211 .phone-mock-v4427{height:240px;border-width:10px;border-radius:34px;}
.home-final-app-v44211 .phone-mock-v4427 strong{font-size:24px;}
.home-final-app-v44211 .store-badges-v4427 span{min-height:54px;}
.home-final-footer-v44211{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 12px;
  padding:14px 0 34px;
}
.home-final-footer-v44211 a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--fpa-line);
  color:#344054;
  font-weight:850;
  text-decoration:none;
}
.home-final-v44211 .auth-panel-v4310.is-open{background:#fff;}
@media(max-width:1040px){
  .home-final-card-grid-v44211{grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-final-security-v44211{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:860px){
  .home-final-header-v44211{align-items:flex-start;}
  .home-final-hero-v44211{grid-template-columns:1fr;padding-top:24px;}
  .home-final-visual-v44211{min-height:250px;}
  .home-final-badges-v44211{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-final-note-v44211{grid-template-columns:1fr;align-items:start;}
  .home-final-note-v44211 a{width:max-content;}
  .home-final-steps-v44211{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-final-payoff-v44211,
  .home-final-app-v44211{grid-template-columns:1fr;}
  .home-final-payoff-v44211 > strong{width:86px;height:86px;border-radius:26px;font-size:48px;}
}
@media(max-width:560px){
  .home-final-header-v44211,
  .home-final-hero-v44211,
  .home-final-badges-v44211,
  .home-final-note-v44211,
  .home-final-section-v44211,
  .home-final-payoff-v44211,
  .home-final-app-v44211,
  .home-final-footer-v44211{width:calc(100% - 24px);}
  .home-final-header-v44211{display:grid;gap:12px;}
  .home-final-nav-v44211{justify-content:flex-start;}
  .home-final-copy-v44211 h1{font-size:38px;}
  .home-final-copy-v44211 p{font-size:17px;}
  .home-final-actions-v44211{display:grid;grid-template-columns:1fr;}
  .home-final-actions-v44211 .btn{width:100%;min-width:0;}
  .home-final-visual-v44211{border-radius:26px;padding:18px;}
  .home-final-badges-v44211,
  .home-final-card-grid-v44211,
  .home-final-steps-v44211,
  .home-final-security-v44211{grid-template-columns:1fr;}
  .home-final-note-v44211,
  .home-final-payoff-v44211,
  .home-final-app-v44211{padding:18px;border-radius:24px;}
  .home-final-app-v44211 .phone-mock-v4427{height:210px;}
  .home-final-app-v44211 .store-badges-v4427 span{width:100%;}
}


/* FretPro Africa V5 — organisation production */
.home-final-adslot-v5{width:min(1120px,calc(100% - 32px));margin:18px auto 0;border:1px dashed #f2b37b;background:#fff8ef;border-radius:22px;padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#9a4a15;font-weight:900}.home-final-adslot-v5 span{font-size:13px;color:#b16a32}.social-auth-v5{margin-top:16px;border:1px solid #e8edf3;background:#f8fafc;border-radius:18px;padding:14px;display:grid;gap:8px}.social-auth-v5 span{font-weight:900}.social-auth-v5 button{border:1px solid #d9e2ef;background:#fff;border-radius:12px;padding:10px;font-weight:850;color:#667085}.social-auth-v5 small{color:#98a2b3;font-weight:700}.main-nav-v5{gap:10px!important}.nav-family-v5{display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.12);padding-top:10px;margin-top:6px}.nav-family-v5:first-child{border-top:0;margin-top:0}.nav-family-v5>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;color:rgba(255,255,255,.50);padding:0 10px 3px}.logout-form-v5{margin-top:12px}.link-btn.logout,.sidebar .link-btn.logout{width:100%;background:#dc0000!important;color:#fff!important;border:0!important;border-radius:13px!important;padding:12px 14px!important;font-weight:950!important;text-align:left!important;box-shadow:0 12px 24px rgba(220,0,0,.22)!important}.link-btn.logout:hover{background:#b80000!important}.simulator-page-v5{max-width:1160px}.simulator-v5-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;align-items:start;margin:18px 0 34px}.simulator-form-v5{display:grid;gap:16px}.simulator-fieldset-v5{border:1px solid #e6ebf2;border-radius:22px;background:#fff;padding:18px}.simulator-fieldset-v5 h2,.simulator-result-card-v5 h2{margin:0 0 12px;font-size:20px;letter-spacing:-.02em}.sim-live-v5{margin-top:12px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:16px;padding:12px;font-weight:850;line-height:1.45}.sim-live-v5.ready{background:#ecfdf3;border-color:#bbf7d0;color:#14532d}.simulator-required-note-v5{background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:14px;color:#9a3412;line-height:1.45}.simulator-result-card-v5{position:sticky;top:18px;border:1px solid #e6ebf2;border-radius:26px;background:#fff;padding:20px;box-shadow:0 18px 60px rgba(16,24,39,.08)}.sim-breakdown-v5{margin:12px 0;padding-left:18px;color:#344054;font-weight:750}.announcements-searchbar-v5{display:flex;gap:10px;align-items:center;margin:14px 0}.announcements-searchbar-v5 form{display:flex;gap:10px;flex:1}.announcements-searchbar-v5 input{width:100%;min-height:48px}.filter-panel-v5{border-radius:22px}.filter-panel-v5[open]{box-shadow:0 18px 50px rgba(16,24,39,.08)}.admin-help-v5{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:14px 16px;margin:14px 0;display:grid;gap:5px}.admin-help-v5 strong{font-weight:950}.admin-submenu-v5{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.admin-submenu-v5 a{border:1px solid #e6ebf2;background:#fff;border-radius:999px;padding:9px 12px;font-weight:850;color:#15223a}.admin-logo-card-v5{border:1px solid #e6ebf2;border-radius:18px;background:#fff;padding:14px;margin:10px 0;display:grid;grid-template-columns:1fr 90px auto;gap:14px;align-items:center}.admin-logo-card-v5 img{width:90px;height:70px;object-fit:contain;border:1px solid #eef2f7;border-radius:14px;background:#f8fafc}.settings-card-v5,.empty-state-v5{border:1px solid #e6ebf2;background:#fff;border-radius:18px;padding:16px;margin:10px 0;display:grid;gap:6px}.settings-card-v5 strong,.empty-state-v5 strong{font-size:18px}.settings-card-v5 span,.empty-state-v5 span{color:#667085;font-weight:750}.back-to-top.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px)!important}.back-to-top.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}@media(max-width:900px){.simulator-v5-grid{grid-template-columns:1fr}.simulator-result-card-v5{position:static}.admin-logo-card-v5{grid-template-columns:1fr}.announcements-searchbar-v5,.announcements-searchbar-v5 form,.home-final-adslot-v5{display:grid}.home-final-adslot-v5{align-items:start}.filter-panel-v5 .filter-bar{grid-template-columns:1fr!important}}

/* FretPro Africa V5.1 — corrections recette */
.home-final-actions-v44211 .btn.ghost{display:none!important}
.home-app-premium-v51{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff7ed,#eef4ff)!important;border:1px solid #f3d1bd!important;box-shadow:0 24px 70px rgba(16,24,39,.10)!important}
.home-app-premium-v51:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(239,90,26,.10)}
.phone-mock-premium-v51{background:#111827!important;color:#fff!important;border:10px solid #0b1220!important;box-shadow:0 22px 45px rgba(16,24,39,.22)!important}
.phone-mock-premium-v51 span{color:#93c5fd!important;font-weight:900}.phone-mock-premium-v51 strong{display:block;margin:12px 0;color:#fff!important}.phone-mock-premium-v51 small{display:block;background:#fff;color:#111827;border-radius:10px;padding:7px 9px;margin:6px 0;font-weight:800}
.simulator-depot-note-v51{border:1px solid #e6ebf2;background:#f8fafc;border-radius:14px;padding:12px;margin-top:10px}.simulator-adslot-v51{margin-top:0!important}.simulator-corridors-v4429{display:none!important}
.public-detail-layout-v51 .detail-back-v51{margin-top:0}.detail-grid-v51{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start}.detail-main-v51 h2{margin-top:0}.detail-side-v51{display:grid;gap:14px;position:sticky;top:18px}.detail-side-v51 .listing-img{width:100%;max-height:360px;object-fit:cover;border-radius:20px;border:1px solid #e6ebf2}.detail-owner-v51,.detail-adslot-v51{border:1px solid #e6ebf2;background:#fff;border-radius:18px;padding:16px}.detail-owner-v51 p{margin-bottom:0}.detail-adslot-v51{border-style:dashed;background:#fff8ef;color:#9a4a15}.detail-adslot-v51 small{display:block;color:#b16a32;font-weight:800;margin-top:4px}.settings-grid-v51{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid-v51 article,.settings-danger-v51{border:1px solid #e6ebf2;background:#fff;border-radius:18px;padding:16px}.settings-grid-v51 form{display:grid;gap:12px}.settings-danger-v51{margin-top:16px;border-color:#fecaca;background:#fff7f7}.warning-text-v51{color:#b45309!important;font-weight:900}.admin-publicity-row-v51,.admin-payment-method-row-v51{display:block}.admin-publicity-row-v51 details,.admin-payment-method-row-v51 details{margin-top:10px}
@media(max-width:900px){.detail-grid-v51,.settings-grid-v51{grid-template-columns:1fr}.detail-side-v51{position:static}.detail-side-v51 .listing-img{max-height:none}}

/* FretPro Africa V5.1.1 — correctifs ciblés */
.fpa-publicity-slot{
  display:grid;
  gap:8px;
  align-items:center;
  margin:18px 0;
  padding:14px;
  border:1px solid var(--border,#e4e7ec);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(16,24,39,.04);
  overflow:hidden;
}
.fpa-publicity-slot small{
  display:inline-flex;
  width:max-content;
  padding:4px 9px;
  border-radius:999px;
  background:#fff7ed;
  color:var(--yellow,#b7791f);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.fpa-publicity-slot img{
  display:block;
  width:100%;
  max-height:260px;
  object-fit:cover;
  border-radius:16px;
}
.fpa-publicity-slot strong{font-size:14px;color:var(--navy,#101827);}
.fpa-publicity-home_app img{max-height:340px;}
.customs-warning-v511,.payment-unavailable-v511{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #fed7aa;
  border-radius:16px;
  background:#fff7ed;
  color:#7c2d12;
  font-weight:700;
  line-height:1.45;
}
.admin-corridors-table-v511{overflow-x:auto;margin:16px 0;}
.admin-corridors-table-v511 table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:980px;}
.admin-corridors-table-v511 th{font-size:12px;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#667085);padding:0 10px;}
.admin-corridors-table-v511 td{background:#fff;border-top:1px solid var(--border,#e4e7ec);border-bottom:1px solid var(--border,#e4e7ec);padding:10px;vertical-align:middle;}
.admin-corridors-table-v511 td:first-child{border-left:1px solid var(--border,#e4e7ec);border-radius:14px 0 0 14px;}
.admin-corridors-table-v511 td:last-child{border-right:1px solid var(--border,#e4e7ec);border-radius:0 14px 14px 0;}
.admin-row-actions-v511{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.admin-row-actions-v511 form{display:inline-flex;margin:0;gap:0;}
.payment-method-admin-v511{display:grid;gap:12px;}
.listing-lifecycle-badge-v511{margin-left:6px;}
.listing-lifecycle-badge-v511.expiring_soon{background:#fff7ed;color:#b45309;}
.listing-lifecycle-badge-v511.expired,.listing-lifecycle-badge-v511.archived{background:#f2f4f7;color:#475467;}
.listing-lifecycle-badge-v511.suspended{background:#fdecec;color:#c7352d;}
.simulator-form-v5 [data-declared-value-wrap].is-hidden-v511{display:none;}

@media (max-width:700px){
  .public-top-v4423{
    gap:10px;
    margin-bottom:12px;
    padding:8px 0;
  }
  .public-top-v4423 nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    width:100%;
    justify-content:stretch;
  }
  .public-top-v4423 nav .btn,
  .public-top-v4423 nav a,
  .public-top-v4423 nav button,
  .access-gate-actions-v4427 .btn,
  .home-final-nav-v44211 a,
  .home-final-nav-v44211 button{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border-radius:13px;
    font-size:14px;
    line-height:1.15;
    justify-content:center;
    text-align:center;
  }
  .fpa-publicity-slot{margin:14px 0;padding:12px;border-radius:18px;}
  .fpa-publicity-slot img{max-height:180px;}
  .admin-corridors-table-v511{margin-inline:-8px;padding-inline:8px;}
}


/* FretPro Africa V5.1.1.1 — correctif tailles publicités + zone application accueil */
.fpa-publicity-slot{
  width:100%;
  max-width:1180px;
  margin:18px auto!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  box-sizing:border-box;
}
.fpa-publicity-slot a{display:block;width:100%;}
.fpa-publicity-slot img{
  width:100%!important;
  height:auto!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8fafc;
  border-radius:14px!important;
}
.fpa-publicity-home img,
.fpa-publicity-announcements img,
.fpa-publicity-simulator img{
  max-height:130px!important;
}
.fpa-publicity-ad_detail img,
.fpa-publicity-dashboard_user img,
.fpa-publicity-dashboard_pro img{
  max-height:170px!important;
}
.fpa-publicity-home_app{
  padding:16px!important;
  background:linear-gradient(135deg,#fff7ed,#eef4ff)!important;
}
.fpa-publicity-home_app img{
  max-height:320px!important;
  object-fit:contain!important;
}
.fpa-publicity-slot strong{
  display:block;
  margin-top:2px;
  font-size:13px!important;
  line-height:1.25;
}
#emplacements.cards .card small{
  display:block;
  margin-top:6px;
  color:var(--muted,#667085);
  font-size:12px;
  line-height:1.35;
}
@media (max-width:700px){
  .fpa-publicity-slot{margin:12px auto!important;padding:8px!important;border-radius:16px!important;}
  .fpa-publicity-slot img,
  .fpa-publicity-home img,
  .fpa-publicity-announcements img,
  .fpa-publicity-simulator img{max-height:105px!important;}
  .fpa-publicity-home_app img{max-height:240px!important;}
}

/* FretPro Africa V5.1.1.2 — correctif strict publicités compactes + admin propre
   Périmètre : affichage CSS uniquement. Aucun stockage, aucune donnée, aucun module métier. */
.fpa-publicity-slot{
  width:100%!important;
  max-width:1180px!important;
  margin:18px auto 26px!important;
  padding:12px!important;
  border:1px solid #e6ebf2!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(16,24,39,.055)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fpa-publicity-slot small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#fff7ed!important;
  color:#b45309!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.fpa-publicity-slot a{
  display:block!important;
  width:100%!important;
  line-height:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
.fpa-publicity-slot img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  height:clamp(128px,15.8vw,190px)!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:15px!important;
}
.fpa-publicity-home img,
.fpa-publicity-announcements img,
.fpa-publicity-simulator img{
  height:clamp(128px,15.8vw,190px)!important;
  max-height:none!important;
  object-fit:cover!important;
}
.fpa-publicity-ad_detail img,
.fpa-publicity-dashboard_user img,
.fpa-publicity-dashboard_pro img{
  height:clamp(160px,22vw,260px)!important;
  max-height:none!important;
  object-fit:cover!important;
}
.fpa-publicity-home_app{
  padding:14px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff7ed 0%,#eef4ff 100%)!important;
}
.fpa-publicity-home_app img{
  height:clamp(260px,33vw,420px)!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
.fpa-publicity-slot strong{
  display:block!important;
  margin:8px 0 0!important;
  color:#101827!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

/* Admin > Publicités : cartes d'emplacements lisibles, sans superposition */
#emplacements.cards,
#emplacements.cards.four{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
#emplacements.cards .card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-height:128px!important;
  padding:18px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#emplacements.cards .card span,
#emplacements.cards .card strong,
#emplacements.cards .card small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#emplacements.cards .card span{
  color:#667085!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
#emplacements.cards .card strong{
  color:#101827!important;
  font-size:21px!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
#emplacements.cards .card small{
  margin-top:auto!important;
  padding-top:4px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

@media (max-width:700px){
  .fpa-publicity-slot{
    margin:14px auto 18px!important;
    padding:9px!important;
    border-radius:17px!important;
  }
  .fpa-publicity-slot img,
  .fpa-publicity-home img,
  .fpa-publicity-announcements img,
  .fpa-publicity-simulator img{
    height:96px!important;
    border-radius:12px!important;
  }
  .fpa-publicity-ad_detail img,
  .fpa-publicity-dashboard_user img,
  .fpa-publicity-dashboard_pro img{
    height:150px!important;
  }
  .fpa-publicity-home_app img{
    height:240px!important;
  }
  #emplacements.cards,
  #emplacements.cards.four{
    grid-template-columns:1fr!important;
  }
  #emplacements.cards .card{
    min-height:112px!important;
    padding:15px!important;
  }
}

/* FretPro Africa V5.1.1.3 — stabilisation finale des encarts publicitaires
   Périmètre strict : CSS uniquement. Aucun PHP, aucune donnée, aucun stockage.
   Objectif : bannière proportionnelle, non déformée, non rognée, cadre administrable propre. */
.fpa-publicity-slot{
  width:100%!important;
  max-width:1180px!important;
  margin:18px auto 26px!important;
  padding:12px!important;
  border:1px solid #e6ebf2!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(16,24,39,.055)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fpa-publicity-slot small{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:#fff7ed!important;
  color:#b45309!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.fpa-publicity-slot a{
  display:block!important;
  width:100%!important;
  line-height:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:#f8fafc!important;
}
.fpa-publicity-slot img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8fafc!important;
  border-radius:15px!important;
}
/* Accueil, annonces et simulateur : vrai format bannière, sans recadrage du visuel. */
.fpa-publicity-home a,
.fpa-publicity-announcements a,
.fpa-publicity-simulator a{
  aspect-ratio:1200/260!important;
}
/* Détail annonce : format encart latéral lisible. */
.fpa-publicity-ad_detail a{
  aspect-ratio:800/450!important;
}
/* Dashboards : bannière large, discrète. */
.fpa-publicity-dashboard_user a,
.fpa-publicity-dashboard_pro a{
  aspect-ratio:1200/260!important;
}
/* Bloc application accueil : format plus haut prévu pour un visuel application. */
.fpa-publicity-home_app{
  padding:14px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff7ed 0%,#eef4ff 100%)!important;
}
.fpa-publicity-home_app a{
  aspect-ratio:1200/420!important;
  background:transparent!important;
}
.fpa-publicity-home_app img{
  object-fit:contain!important;
  background:transparent!important;
}
.fpa-publicity-slot strong{
  display:block!important;
  margin:8px 0 0!important;
  color:#101827!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
/* Admin > Publicités : cartes d'emplacements lisibles, dimensions non superposées. */
#emplacements.cards,
#emplacements.cards.four{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
#emplacements.cards .card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:132px!important;
  padding:18px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#emplacements.cards .card span,
#emplacements.cards .card strong,
#emplacements.cards .card small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#emplacements.cards .card span{
  color:#667085!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
#emplacements.cards .card strong{
  color:#101827!important;
  font-size:20px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
#emplacements.cards .card small{
  margin-top:auto!important;
  padding-top:4px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
@media (max-width:700px){
  .fpa-publicity-slot{
    margin:14px auto 18px!important;
    padding:9px!important;
    border-radius:17px!important;
  }
  .fpa-publicity-home a,
  .fpa-publicity-announcements a,
  .fpa-publicity-simulator a,
  .fpa-publicity-dashboard_user a,
  .fpa-publicity-dashboard_pro a{
    aspect-ratio:1200/300!important;
  }
  .fpa-publicity-ad_detail a{
    aspect-ratio:800/500!important;
  }
  .fpa-publicity-home_app a{
    aspect-ratio:1200/520!important;
  }
  #emplacements.cards,
  #emplacements.cards.four{
    grid-template-columns:1fr!important;
  }
  #emplacements.cards .card{
    min-height:112px!important;
    padding:15px!important;
  }
}

/* FretPro Africa V5.1.1 — correction ciblée post-recette
   Périmètre : publicités, page annonces, header mobile. */
.fpa-publicity-slot{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
}
.fpa-publicity-slot:empty{display:none!important;}
.public-shell-v4423 .fpa-publicity-announcements{
  margin:18px auto 22px!important;
  background:#fff!important;
  border:1px solid #e6ebf2!important;
  box-shadow:0 12px 34px rgba(16,24,39,.055)!important;
}
.listing-grid{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  isolation:isolate!important;
}
.listing-grid .listing{
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
  background-image:none!important;
  overflow:hidden!important;
}
.listing-grid .listing::before,
.listing-grid .listing::after{
  pointer-events:none!important;
}
.simulator-page-v5 > .panel + .fpa-publicity-slot{
  margin-top:18px!important;
}
@media(max-width:700px){
  .public-top-v4423{
    gap:10px!important;
    margin-bottom:12px!important;
  }
  .public-top-v4423 nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .public-top-v4423 nav .btn,
  .public-top-v4423 nav a,
  .public-top-v4423 nav button{
    width:100%!important;
    min-height:44px!important;
    padding:11px 14px!important;
    border-radius:16px!important;
    font-size:15px!important;
    line-height:1.2!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .listing-grid{
    grid-template-columns:1fr!important;
  }
}


/* FretPro Africa V5.1.1 — correctif recette final : cartes annonces, logos Pro, fiche détail connectée. */
.listing-grid .listing,
.listing-grid .freight-listing{
  background:#fff!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:initial!important;
  background-repeat:no-repeat!important;
  isolation:isolate!important;
}
.listing-grid .listing > *{position:relative;z-index:2;}
.pro-origin{
  overflow:hidden!important;
  background:#f0fff6!important;
  background-image:none!important;
}
.pro-origin-logo-v4427,
.pro-origin-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#fff!important;
}
.pro-origin-logo-v4427 img,
.pro-origin-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
}
.listing-grid .listing img:not(.listing-img){
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
}
.fpa-publicity-slot strong{display:none!important;}
.connected-detail-v511 .detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}
.connected-detail-v511 .detail-actions .listing-actions-v442{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.connected-detail-v511 .quote-action{
  margin:16px 0;
  border:1px solid #e6ebf2;
  border-radius:18px;
  padding:14px;
  background:#fff;
}
.public-top-v4423 nav .btn,
.public-top-v4423 nav a.btn{
  min-height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media(max-width:700px){
  .public-top-v4423{padding-top:14px!important;}
  .public-top-v4423 nav{grid-template-columns:1fr 1fr 1fr!important;}
  .public-top-v4423 nav .btn,
  .public-top-v4423 nav a.btn{
    min-height:42px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .connected-detail-v511 .detail-actions,
  .connected-detail-v511 .detail-actions .listing-actions-v442{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .connected-detail-v511 .detail-actions .btn,
  .connected-detail-v511 .detail-actions button{
    width:100%!important;
    justify-content:center!important;
  }
}

/* FretPro Africa V5.1.1.2 — correctif ciblé détail annonce connecté + cartes annonces */
.announcements-actions-v5112{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:12px 0!important;
}
.listing-grid .listing,
.listing-grid .freight-listing,
.listing-grid article.listing{
  background:#fff!important;
  background-image:none!important;
  background-color:#fff!important;
  overflow:hidden!important;
}
.listing-grid .listing::before,
.listing-grid .listing::after,
.listing-grid .freight-listing::before,
.listing-grid .freight-listing::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}
.listing-grid .listing .pro-origin{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:fit-content!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#f0fff6!important;
  background-image:none!important;
  z-index:3!important;
}
.listing-grid .listing .pro-origin-logo-v4427,
.listing-grid .listing .pro-origin-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#fff!important;
  flex:0 0 30px!important;
}
.listing-grid .listing .pro-origin-logo-v4427 img,
.listing-grid .listing .pro-origin-logo img,
.listing-grid .listing .pro-origin img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  position:static!important;
  transform:none!important;
  opacity:1!important;
}
.connected-detail-v511.public-detail-layout-v51 .detail-grid-v51,
.public-detail-v4423.public-detail-layout-v51 .detail-grid-v51{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
  gap:28px!important;
  align-items:start!important;
}
.connected-detail-v511 .detail-side-v51,
.public-detail-layout-v51 .detail-side-v51{
  display:grid!important;
  gap:14px!important;
  align-self:start!important;
}
.connected-detail-v511 .detail-side-v51 .listing-img,
.public-detail-layout-v51 .detail-side-v51 .listing-img{
  display:block!important;
  width:100%!important;
  max-width:420px!important;
  max-height:360px!important;
  object-fit:cover!important;
  border-radius:20px!important;
  border:1px solid #e6ebf2!important;
  background:#fff!important;
}
@media(max-width:900px){
  .connected-detail-v511.public-detail-layout-v51 .detail-grid-v51,
  .public-detail-v4423.public-detail-layout-v51 .detail-grid-v51{
    grid-template-columns:1fr!important;
  }
  .announcements-actions-v5112{justify-content:stretch!important;}
  .announcements-actions-v5112 .btn{width:100%!important;}
}

/* FretPro Africa V5.1.1.3 — correctif ciblé publicités : slider public + admin compact */
.fpa-publicity-slot{
  display:block!important;
  width:min(1120px,100%)!important;
  margin:16px auto!important;
  padding:10px!important;
  border:1px solid #e6ebf2!important;
  border-radius:18px!important;
  background:#fff!important;
  min-height:0!important;
  overflow:hidden!important;
  box-shadow:0 8px 28px rgba(16,24,39,.06)!important;
}
.fpa-publicity-slot:empty{display:none!important;}
.fpa-publicity-slot small{
  display:block!important;
  margin:0 0 6px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#98a2b3!important;
  font-weight:900!important;
}
.fpa-publicity-slot strong,
.fpa-publicity-slot p,
.fpa-publicity-slot .muted{display:none!important;}
.fpa-publicity-slot img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:190px!important;
  object-fit:contain!important;
  border-radius:14px!important;
  background:#fff!important;
}
.fpa-publicity-slider{
  --fpa-ad-count:2;
  display:grid!important;
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#fff!important;
}
.fpa-publicity-slide{
  grid-area:1/1!important;
  opacity:0;
  animation:fpaPublicityFade calc(var(--fpa-ad-count) * 4s) infinite;
  pointer-events:none;
}
.fpa-publicity-slide:first-child{opacity:1;}
.fpa-publicity-slide a{pointer-events:auto;}
@keyframes fpaPublicityFade{
  0%{opacity:0}
  8%{opacity:1}
  42%{opacity:1}
  50%{opacity:0}
  100%{opacity:0}
}
.fpa-publicity-ad_detail{max-width:460px!important;margin:14px 0!important;}
.fpa-publicity-ad_detail img{max-height:260px!important;object-fit:contain!important;}
.fpa-publicity-home_app img{max-height:320px!important;}

.admin-publicites-compact-v5113 .admin-help-v5{margin-bottom:12px!important;}
.admin-publicity-placements-v5113{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:8px!important;
  margin:12px 0 14px!important;
}
.admin-publicity-placements-v5113 span{
  border:1px solid #e6ebf2!important;
  background:#fff!important;
  border-radius:12px!important;
  padding:9px 10px!important;
  display:grid!important;
  gap:2px!important;
}
.admin-publicity-placements-v5113 strong{font-size:13px!important;line-height:1.2!important;}
.admin-publicity-placements-v5113 small{font-size:11px!important;color:#667085!important;font-weight:800!important;}
.admin-publicity-add-v5113{
  border:1px solid #e6ebf2!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:12px!important;
  margin:12px 0 18px!important;
}
.admin-publicity-add-v5113 summary{cursor:pointer!important;font-weight:950!important;color:#ea4b14!important;}
.admin-publicity-list-v5113{display:grid!important;gap:8px!important;margin-top:10px!important;}
.admin-publicity-head-v5113,
.admin-publicity-item-v5113{
  display:grid!important;
  grid-template-columns:minmax(180px,1.4fr) minmax(140px,.9fr) 90px 76px minmax(130px,1fr) minmax(190px,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}
.admin-publicity-head-v5113{
  padding:0 10px 4px!important;
  color:#667085!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-weight:950!important;
}
.admin-publicity-item-v5113{
  border:1px solid #e6ebf2!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:10px!important;
  box-shadow:none!important;
}
.admin-publicity-item-v5113 small{display:block!important;color:#667085!important;font-size:11px!important;font-weight:800!important;margin-top:2px!important;}
.admin-publicity-main-v5113{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.admin-publicity-actions-v5113{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;}
.admin-publicity-actions-v5113 form{margin:0!important;}
.admin-publicity-actions-v5113 details{position:relative!important;}
.admin-publicity-actions-v5113 details>summary{
  list-style:none!important;
  cursor:pointer!important;
  border:1px solid #e6ebf2!important;
  border-radius:10px!important;
  padding:7px 10px!important;
  font-weight:900!important;
  background:#f8fafc!important;
}
.admin-publicity-actions-v5113 details[open]{z-index:20!important;}
.admin-publicity-actions-v5113 details[open] .admin-settings-form-v442,
.admin-publicity-actions-v5113 details[open] form + form{
  background:#fff!important;
  border:1px solid #e6ebf2!important;
  border-radius:16px!important;
  box-shadow:0 18px 60px rgba(16,24,39,.14)!important;
  padding:14px!important;
}
@media(max-width:980px){
  .admin-publicity-head-v5113{display:none!important;}
  .admin-publicity-item-v5113{grid-template-columns:1fr!important;align-items:start!important;}
  .admin-publicity-actions-v5113{justify-content:flex-start!important;}
  .fpa-publicity-slot{margin:12px auto!important;padding:8px!important;}
  .fpa-publicity-slot img{max-height:130px!important;}
}

/* FretPro Africa V5.1.1.4 — correctif ciblé lien cible publicité Accueil.
   Périmètre strict : empêcher le lien cible de modifier la taille visuelle de la bannière.
   Aucun changement de logique, aucun changement de données. */
.fpa-publicity-home.fpa-publicity-format-banner > a,
.fpa-publicity-home.fpa-publicity-format-banner .fpa-publicity-slide > a{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  line-height:0!important;
  aspect-ratio:auto!important;
  background:transparent!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.fpa-publicity-home.fpa-publicity-format-banner > img,
.fpa-publicity-home.fpa-publicity-format-banner > a > img,
.fpa-publicity-home.fpa-publicity-format-banner .fpa-publicity-slide img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:14px!important;
}
.fpa-publicity-home.fpa-publicity-format-banner .fpa-publicity-slider{
  height:auto!important;
  min-height:0!important;
  align-items:start!important;
}

/* FretPro Africa V5.1.1.5 — correctif ciblé Publicités : slider + upload visuel + taille stable.
   Périmètre strict : uniquement les encarts publicitaires et le formulaire admin Publicités. */
.fpa-publicity-slot{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1200px!important;
  margin:18px auto!important;
  padding:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e6ebf2!important;
  border-radius:18px!important;
}
.fpa-publicity-slot > a,
.fpa-publicity-slide > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  line-height:0!important;
  background:transparent!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.fpa-publicity-slot img,
.fpa-publicity-slide img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:14px!important;
}
.fpa-publicity-home.fpa-publicity-format-banner img,
.fpa-publicity-announcements.fpa-publicity-format-banner img,
.fpa-publicity-simulator.fpa-publicity-format-banner img{
  max-height:240px!important;
}
.fpa-publicity-home_app.fpa-publicity-format-banner img{
  max-height:300px!important;
}
.fpa-publicity-ad_detail img,
.fpa-publicity-dashboard_user img,
.fpa-publicity-dashboard_pro img{
  max-height:260px!important;
}
.fpa-publicity-slider{
  --fpa-ad-count:2;
  display:grid!important;
  grid-template-columns:1fr!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-items:center!important;
  border-radius:14px!important;
  background:#fff!important;
}
.fpa-publicity-slide{
  grid-area:1 / 1!important;
  width:100%!important;
  max-width:100%!important;
  opacity:0;
  pointer-events:none;
  animation:fpaPublicityFadeV5115 calc(var(--fpa-ad-count) * 5s) infinite;
}
.fpa-publicity-slide:first-child{opacity:1;}
.fpa-publicity-slide a{pointer-events:auto;}
@keyframes fpaPublicityFadeV5115{
  0%{opacity:0;visibility:hidden;}
  8%{opacity:1;visibility:visible;}
  42%{opacity:1;visibility:visible;}
  50%{opacity:0;visibility:hidden;}
  100%{opacity:0;visibility:hidden;}
}
.admin-publicites-compact-v5113 input[type="file"]{
  min-height:44px!important;
  padding:10px!important;
  border:1px dashed #cbd5e1!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
.admin-publicites-compact-v5113 label small{
  display:block!important;
  margin-top:4px!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:800!important;
}
@media(max-width:700px){
  .fpa-publicity-slot{margin:12px auto!important;padding:8px!important;border-radius:16px!important;}
  .fpa-publicity-home.fpa-publicity-format-banner img,
  .fpa-publicity-announcements.fpa-publicity-format-banner img,
  .fpa-publicity-simulator.fpa-publicity-format-banner img{max-height:145px!important;}
  .fpa-publicity-home_app.fpa-publicity-format-banner img{max-height:210px!important;}
}


/* FretPro Africa V5.1.1.6 — correctif ciblé Publicités : upload direct unique + bannière pleine largeur.
   Périmètre strict : uniquement le rendu des encarts publicitaires et le formulaire admin Publicités. */
.fpa-publicity-slot.fpa-publicity-format-banner{
  width:100%!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:12px!important;
}
.fpa-publicity-slot.fpa-publicity-format-banner > a,
.fpa-publicity-slot.fpa-publicity-format-banner .fpa-publicity-slider,
.fpa-publicity-slot.fpa-publicity-format-banner .fpa-publicity-slide,
.fpa-publicity-slot.fpa-publicity-format-banner .fpa-publicity-slide > a{
  width:100%!important;
  max-width:100%!important;
}
.fpa-publicity-slot.fpa-publicity-format-banner img,
.fpa-publicity-home.fpa-publicity-format-banner img,
.fpa-publicity-home_app.fpa-publicity-format-banner img,
.fpa-publicity-simulator.fpa-publicity-format-banner img,
.fpa-publicity-announcements.fpa-publicity-format-banner img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:700px){
  .fpa-publicity-slot.fpa-publicity-format-banner{padding:8px!important;}
  .fpa-publicity-slot.fpa-publicity-format-banner img{max-height:none!important;}
}


/* FretPro Africa V5.1.1.7 — correctif ciblé Publicités : validation admin + formats carrés/latéraux.
   Périmètre strict : uniquement module Publicités et affichage publicitaire. */
.admin-publicity-format-guide-v5117{
  background:#f8fbff!important;
  border:1px solid #dbeafe!important;
  border-radius:18px!important;
  padding:14px!important;
  margin:14px 0!important;
  color:#0f172a!important;
}
.admin-publicity-format-guide-v5117 strong{display:block!important;margin-bottom:8px!important;font-size:15px!important;}
.admin-publicity-format-guide-v5117 div{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-publicity-format-guide-v5117 span{
  display:block!important;
  background:#fff!important;
  border:1px solid #e6ebf2!important;
  border-radius:14px!important;
  padding:10px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.admin-publicity-format-guide-v5117 small{
  display:block!important;
  margin-top:10px!important;
  color:#667085!important;
  font-weight:800!important;
}
.fpa-publicity-slot.fpa-publicity-format-card{
  width:100%!important;
  max-width:420px!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.listing-grid > .fpa-publicity-slot.fpa-publicity-format-card{
  max-width:none!important;
  margin:0!important;
  min-height:100%!important;
}
.fpa-publicity-slot.fpa-publicity-format-card .fpa-publicity-slider,
.fpa-publicity-slot.fpa-publicity-format-card .fpa-publicity-slide,
.fpa-publicity-slot.fpa-publicity-format-card > a{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
}
.fpa-publicity-slot.fpa-publicity-format-card img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:14px!important;
}
.fpa-publicity-slot.fpa-publicity-format-side{
  width:100%!important;
  max-width:360px!important;
  aspect-ratio:1/2!important;
  padding:10px!important;
}
.fpa-publicity-slot.fpa-publicity-format-side img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  border-radius:14px!important;
}
@media(max-width:900px){
  .admin-publicity-format-guide-v5117 div{grid-template-columns:1fr!important;}
}

/* FretPro Africa V5.1.1.8 — correctif ciblé Admin Simulateur > Corridors.
   Périmètre strict : compacité, tableau, bouton ajout, annulation et réduction du scroll. */
.admin-simulator-compact-v5118{scroll-margin-top:20px;}
.admin-corridors-zone-v5118{
  background:#fff!important;
  border:1px solid #e6ebf2!important;
  border-radius:20px!important;
  padding:14px!important;
  margin:14px 0 18px!important;
  box-shadow:0 16px 38px rgba(15,23,42,.06)!important;
}
.admin-corridors-head-v5118{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-items:start!important;
}
.admin-corridors-head-v5118 h3{margin:0!important;}
.admin-corridors-head-v5118 p{margin:4px 0 0!important;}
.admin-corridor-form-v5118{
  border:1px solid #e6ebf2!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  padding:8px!important;
}
.admin-corridor-form-v5118 > summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin:0!important;
  cursor:pointer!important;
  list-style:none!important;
}
.admin-corridor-form-v5118 > summary::-webkit-details-marker{display:none!important;}
.admin-corridor-form-v5118[open] > summary{margin-bottom:12px!important;}
.admin-corridor-form-v5118 .admin-settings-form-v442{
  padding:12px!important;
  background:#fff!important;
  border-radius:14px!important;
  border:1px solid #eef2f7!important;
}
.admin-corridor-form-v5118 label{font-size:13px!important;}
.admin-corridor-form-v5118 input,
.admin-corridor-form-v5118 select{
  min-height:38px!important;
  padding:9px 12px!important;
  font-size:14px!important;
}
.admin-corridor-form-v5118 small.muted{
  display:block!important;
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.admin-corridor-form-actions-v5118{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:8px!important;
}
.admin-corridors-table-v5118{margin-top:12px!important;overflow:auto!important;}
.admin-corridors-table-v5118 table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0 6px!important;
  font-size:13px!important;
}
.admin-corridors-table-v5118 thead th{
  padding:8px 10px!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  color:#667085!important;
  border-bottom:1px solid #e6ebf2!important;
}
.admin-corridors-table-v5118 tbody tr{background:#fff!important;}
.admin-corridors-table-v5118 tbody td{
  padding:9px 10px!important;
  vertical-align:middle!important;
  border-top:1px solid #edf1f7!important;
  border-bottom:1px solid #edf1f7!important;
}
.admin-corridors-table-v5118 tbody td:first-child{
  border-left:1px solid #edf1f7!important;
  border-radius:12px 0 0 12px!important;
}
.admin-corridors-table-v5118 tbody td:last-child{
  border-right:1px solid #edf1f7!important;
  border-radius:0 12px 12px 0!important;
}
.admin-corridors-table-v5118 td small{display:block!important;color:#667085!important;font-weight:800!important;line-height:1.25!important;}
.admin-corridor-actions-v5118{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  min-width:300px!important;
}
.admin-corridor-actions-v5118 form{display:inline-flex!important;margin:0!important;}
.admin-corridor-actions-v5118 .btn.tiny,
.admin-corridors-table-v5118 .btn.tiny{
  min-height:30px!important;
  padding:7px 9px!important;
  font-size:12px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
.admin-simulator-rules-v5118{
  margin-top:14px!important;
  border:1px solid #e6ebf2!important;
  border-radius:18px!important;
  background:#fff!important;
  padding:10px!important;
}
.admin-simulator-rules-v5118 > summary{
  cursor:pointer!important;
  font-weight:1000!important;
  color:#0f172a!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:#f3f6fb!important;
  list-style:none!important;
}
.admin-simulator-rules-v5118 > summary::-webkit-details-marker{display:none!important;}
.admin-simulator-rules-v5118[open] > summary{margin-bottom:12px!important;}
@media(max-width:900px){
  .admin-corridor-actions-v5118{min-width:220px!important;}
  .admin-corridors-table-v5118 table{min-width:980px!important;}
  .admin-corridor-form-actions-v5118{align-items:stretch!important;}
  .admin-corridor-form-actions-v5118 .btn{width:100%!important;}
}

/* V5.1.1.10.1 — Mes annonces : filtres et actions plus compacts */
.ad-tabs-v442 {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 10px;
  margin-bottom: 12px;
  scrollbar-width: thin;
}
.ad-tabs-v442 .quote-tab {
  white-space: nowrap;
  padding: 8px 13px;
  font-size: .92rem;
  line-height: 1;
}
.listing-row-v51110 {
  display: grid;
  grid-template-columns: auto minmax(190px, 1fr) auto auto;
  gap: 8px 12px;
  align-items: center;
  padding: 11px 14px;
}
.listing-row-v51110 .id-link { white-space: nowrap; }
.listing-summary-v51110 { min-width: 0; }
.listing-summary-v51110 strong {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing-badges-v51110 {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.listing-row-v51110 .badge { margin: 0; }
.listing-row-v51110 .listing-actions-v442 {
  margin-left: 0;
  justify-content: flex-end;
  gap: 5px;
}
.listing-row-v51110 .listing-actions-v442 .btn.tiny,
.listing-row-v51110 .listing-actions-v442 button.btn.tiny,
.listing-row-v51110 .listing-actions-v442 summary.btn.tiny {
  padding: 7px 10px;
  min-height: 32px;
  font-size: .82rem;
}
.compact-action-note { display: inline-block; padding: 6px 8px; }
@media (max-width: 900px) {
  .listing-row-v51110 { grid-template-columns: 1fr; align-items: flex-start; }
  .listing-summary-v51110 strong { white-space: normal; }
  .listing-row-v51110 .listing-actions-v442 { justify-content: flex-start; width: 100%; }
}

/* V5.1.1.10.3 — Annonces admin + Mes annonces : vrai mode compact */
.admin-mini-stats.cards.four{gap:10px;margin-bottom:12px}
.admin-mini-stats .card{padding:14px 16px;border-radius:14px;min-height:auto}
.admin-mini-stats .card span{font-size:.82rem}
.admin-mini-stats .card strong{font-size:1.55rem;line-height:1.05}
.admin-listings-compact-v511102,
.admin-listings-panel{padding:16px!important;border-radius:18px!important}
.admin-listings-compact-v511102 h2{font-size:1.35rem!important;margin:0 0 4px!important}
.admin-listings-compact-v511102 .compact-note{margin:0 0 12px!important;font-size:.82rem!important}
.admin-listings-compact-v511102 .admin-filters{display:grid!important;grid-template-columns:minmax(260px,1fr) 180px 180px auto auto!important;gap:8px!important;align-items:end!important;margin:10px 0 8px!important}
.admin-listings-compact-v511102 .admin-filters label{font-size:.82rem!important;margin:0!important}
.admin-listings-compact-v511102 .admin-filters input,
.admin-listings-compact-v511102 .admin-filters select{min-height:38px!important;padding:8px 10px!important;border-radius:10px!important;font-size:.9rem!important}
.admin-listings-compact-v511102 .admin-filters .btn{min-height:38px!important;padding:8px 14px!important;border-radius:10px!important;font-size:.9rem!important}
.admin-result-line{font-size:.86rem!important;color:var(--muted);margin:8px 0 10px!important}
.admin-listing-list{gap:6px!important}
.admin-listing-card-v511103{padding:9px 12px!important;border-radius:13px!important;box-shadow:none!important;border:1px solid rgba(15,23,42,.08)!important}
.admin-listing-row-v511103{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(230px,1.2fr) minmax(190px,.9fr) minmax(220px,1fr) auto;gap:8px 12px;align-items:center}
.admin-listing-id-v511103{min-width:0}.admin-listing-badges-v511103{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-bottom:3px}.admin-listing-badges-v511103 .badge,.admin-listing-badges-v511103 .admin-type-pill{font-size:.72rem!important;padding:3px 7px!important;line-height:1.1!important}.admin-id-v511103{font-size:1rem!important;line-height:1.1!important;display:inline-block}.admin-listing-main-v511103{min-width:0}.admin-route-v511103{display:block;font-size:.98rem!important;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-detail-v511103{display:block;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-listing-owner-v511103{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:.78rem;min-width:0}.admin-listing-owner-v511103 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-status-inline-v511103{display:grid;grid-template-columns:minmax(135px,1fr) auto;gap:6px;align-items:center;margin:0!important}.admin-status-inline-v511103 select{min-height:32px!important;padding:6px 8px!important;border-radius:9px!important;font-size:.84rem!important}.admin-status-inline-v511103 .btn,.admin-row-actions-v511103 .btn{min-height:32px!important;padding:6px 10px!important;border-radius:9px!important;font-size:.8rem!important}.admin-row-actions-v511103{display:flex;gap:6px;align-items:center;justify-content:flex-end}.admin-advanced-v511103{position:relative}.admin-advanced-v511103>summary{list-style:none;cursor:pointer}.admin-advanced-v511103>summary::-webkit-details-marker{display:none}.admin-advanced-v511103[open]>summary{background:#fff7ed;color:var(--orange-dark)}.admin-advanced-v511103[open]{z-index:20}.admin-advanced-v511103[open]::before{content:"";position:fixed;inset:0;background:transparent}.admin-advanced-v511103>form,.admin-advanced-v511103>.admin-sponsor-form-compact-v511103,.admin-advanced-v511103>.admin-message-v511103{position:absolute;right:0;top:38px;width:min(720px,80vw);background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 20px 50px rgba(15,23,42,.16)}.admin-sponsor-form-compact-v511103{z-index:25}.admin-sponsor-form-compact-v511103 strong{display:block;font-size:.9rem;margin-bottom:8px}.admin-sponsor-form-compact-v511103 .grid.four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.admin-sponsor-form-compact-v511103 label{font-size:.78rem!important;margin:0!important}.admin-sponsor-form-compact-v511103 input,.admin-sponsor-form-compact-v511103 select{min-height:32px!important;padding:6px 8px!important;border-radius:9px!important;font-size:.84rem!important}.admin-sponsor-form-compact-v511103 .check{display:flex!important;align-items:center;gap:6px;margin-top:8px!important}.admin-sponsor-form-compact-v511103 small{display:block;color:var(--muted);font-size:.76rem;margin:6px 0}.admin-message-v511103{margin-top:8px}.admin-message-v511103 summary{cursor:pointer;font-weight:800;color:var(--muted);font-size:.82rem}.admin-message-v511103 p{margin:6px 0 0;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:.82rem}
.my-ads-panel-v511102{padding:16px!important;border-radius:18px!important}.my-ads-panel-v511102 h2{font-size:1.35rem!important;margin-bottom:8px!important}.my-ads-toolbar-v511102{margin:0 0 10px!important}.my-ads-toolbar-v511102 .btn{min-height:38px!important;padding:9px 14px!important;border-radius:12px!important;font-size:.9rem!important}.my-ads-filter-box-v511103{display:grid;gap:7px;margin:6px 0 12px;padding:10px;background:#fbfcff;border:1px solid var(--line);border-radius:14px}.my-ads-filter-row-v511103{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center}.my-ads-filter-row-v511103>strong{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.my-ads-filter-row-v511103 nav{display:flex;gap:6px;flex-wrap:wrap}.my-ads-filter-pill-v511103{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:800;font-size:.8rem;text-decoration:none}.my-ads-filter-pill-v511103.active{background:var(--navy);color:#fff;border-color:var(--navy)}.my-ads-count-v511102{font-size:.82rem!important;color:var(--muted);margin:6px 0!important}.listing-row-v511103{display:grid!important;grid-template-columns:minmax(300px,1fr) auto minmax(390px,auto)!important;gap:8px 12px!important;align-items:center!important;padding:8px 10px!important;border-radius:12px!important;min-height:46px!important}.my-ad-main-v511103{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;align-items:center;min-width:0}.my-ad-id-v511103{font-size:.95rem!important;white-space:nowrap}.listing-summary-v511103{min-width:0}.listing-summary-v511103 strong{font-size:.9rem!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.listing-summary-v511103 small{font-size:.76rem!important;color:var(--muted)!important}.listing-badges-v511103{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-start}.listing-badges-v511103 .badge{font-size:.72rem!important;padding:4px 7px!important;line-height:1.1!important}.listing-row-v511103 .listing-actions-v442{display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:flex-end!important;margin-left:0!important}.listing-row-v511103 .listing-actions-v442 .btn.tiny,.listing-row-v511103 .listing-actions-v442 button.btn.tiny,.listing-row-v511103 .listing-actions-v442 summary.btn.tiny{min-height:30px!important;padding:6px 9px!important;border-radius:8px!important;font-size:.76rem!important;line-height:1!important}.listing-row-v511103 .sponsor-details-v442 form{right:0}.compact-action-note{font-size:.78rem!important;padding:5px 8px!important}
@media(max-width:1180px){.admin-listing-row-v511103{grid-template-columns:1fr 1fr}.admin-row-actions-v511103{justify-content:flex-start}.admin-listings-compact-v511102 .admin-filters{grid-template-columns:1fr 1fr}.listing-row-v511103{grid-template-columns:1fr!important}.my-ad-main-v511103{grid-template-columns:110px minmax(0,1fr)}.listing-row-v511103 .listing-actions-v442{justify-content:flex-start!important}.admin-advanced-v511103>.admin-sponsor-form-compact-v511103{position:static;width:100%;margin-top:8px;box-shadow:none}}
@media(max-width:760px){.admin-listings-compact-v511102 .admin-filters{grid-template-columns:1fr!important}.admin-listing-row-v511103{grid-template-columns:1fr}.admin-sponsor-form-compact-v511103 .grid.four{grid-template-columns:1fr!important}.my-ads-filter-row-v511103{grid-template-columns:1fr}.my-ad-main-v511103{grid-template-columns:1fr}.my-ads-filter-row-v511103 nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.my-ads-filter-pill-v511103{white-space:nowrap}}

/* V5.1.1.10.4 — Mes annonces : filtres et actions alignés */
.my-ads-panel-v511102{padding:14px!important;border-radius:18px!important}
.my-ads-panel-v511102 h2{font-size:1.28rem!important;margin:0 0 8px!important}
.my-ads-toolbar-v511102{margin:0 0 8px!important}
.my-ads-toolbar-v511102 .btn{min-height:34px!important;padding:8px 13px!important;border-radius:11px!important;font-size:.84rem!important}
.my-ads-filter-box-v511104{display:grid!important;gap:5px!important;margin:6px 0 10px!important;padding:8px 10px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important}
.my-ads-filter-row-v511104{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
.my-ads-filter-row-v511104>span{font-size:.72rem!important;font-weight:900!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.my-ads-filter-row-v511104 nav{display:flex!important;gap:5px!important;flex-wrap:wrap!important;align-items:center!important}
.my-ads-filter-pill-v511104{min-height:27px!important;padding:5px 9px!important;border-radius:999px!important;font-size:.76rem!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;background:#f8fafc!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.my-ads-filter-pill-v511104.active{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.my-ads-count-v511102{font-size:.78rem!important;margin:5px 0 8px!important;color:var(--muted)!important}
.listing-row-v511104{display:grid!important;grid-template-columns:minmax(330px,1.15fr) minmax(170px,.55fr) minmax(430px,.9fr)!important;gap:8px 12px!important;align-items:center!important;padding:7px 9px!important;min-height:42px!important;border-radius:11px!important}
.my-ad-main-v511104{display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-width:0!important}
.my-ad-id-v511103{font-size:.88rem!important;line-height:1!important;white-space:nowrap!important}
.listing-summary-v511103 strong{font-size:.82rem!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.listing-summary-v511103 small{font-size:.7rem!important;line-height:1.05!important;display:block!important;margin-top:2px!important;color:var(--muted)!important}
.listing-badges-v511103{display:flex!important;gap:4px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important}
.listing-badges-v511103 .badge{font-size:.68rem!important;padding:3px 6px!important;border-radius:999px!important;line-height:1.05!important;white-space:nowrap!important}
.listing-row-v511104 .listing-actions-v511104{display:flex!important;gap:4px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;margin-left:0!important;min-width:0!important}
.listing-row-v511104 .listing-actions-v511104 .btn.tiny,
.listing-row-v511104 .listing-actions-v511104 button.btn.tiny,
.listing-row-v511104 .listing-actions-v511104 summary.btn.tiny{min-height:28px!important;padding:5px 8px!important;border-radius:8px!important;font-size:.71rem!important;line-height:1!important;white-space:nowrap!important}
.more-actions-v511104{position:relative!important}
.more-actions-v511104>summary{list-style:none!important;cursor:pointer!important}
.more-actions-v511104>summary::-webkit-details-marker{display:none!important}
.more-actions-menu-v511104{position:absolute!important;right:0!important;top:calc(100% + 6px)!important;z-index:40!important;min-width:210px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:0 18px 45px rgba(16,24,39,.15)!important;padding:10px!important;display:grid!important;gap:8px!important;text-align:left!important}
.more-actions-menu-v511104 form{display:grid!important;gap:7px!important;margin:0!important}
.more-actions-menu-v511104 label{font-size:.72rem!important;font-weight:800!important;color:var(--ink)!important;margin:0!important}
.more-actions-menu-v511104 select{min-height:30px!important;padding:5px 8px!important;border-radius:8px!important;font-size:.76rem!important}
@media(max-width:1280px){.listing-row-v511104{grid-template-columns:minmax(280px,1fr) minmax(150px,.55fr) minmax(360px,.9fr)!important}.listing-row-v511104 .listing-actions-v511104{flex-wrap:wrap!important}.my-ad-main-v511104{grid-template-columns:116px minmax(0,1fr)!important}}
@media(max-width:980px){.listing-row-v511104{grid-template-columns:1fr!important}.listing-row-v511104 .listing-actions-v511104{justify-content:flex-start!important}.my-ads-filter-row-v511104{grid-template-columns:1fr!important}.my-ads-filter-row-v511104 nav{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important}.my-ads-filter-pill-v511104{white-space:nowrap!important}}

/* V5.1.1.10.5 — Mes annonces : correction chevauchement texte/actions */
.my-ads-panel-v511102{
  overflow:hidden!important;
}
.listing-row-v511104{
  grid-template-columns:minmax(390px,1.25fr) minmax(150px,.45fr) minmax(405px,.85fr)!important;
  gap:6px 10px!important;
  padding:7px 9px!important;
}
.my-ad-main-v511104{
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:10px!important;
}
.my-ad-id-v511103{
  display:block!important;
  max-width:150px!important;
  font-size:.82rem!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.listing-summary-v511103{
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
}
.listing-summary-v511103 strong{
  display:block!important;
  font-size:.8rem!important;
  line-height:1.08!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.listing-summary-v511103 small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.listing-badges-v511103{
  justify-content:flex-start!important;
  align-content:center!important;
}
.listing-row-v511104 .listing-actions-v511104{
  justify-content:flex-end!important;
  gap:4px!important;
}
.listing-row-v511104 .listing-actions-v511104 .btn.tiny,
.listing-row-v511104 .listing-actions-v511104 button.btn.tiny,
.listing-row-v511104 .listing-actions-v511104 summary.btn.tiny{
  padding:5px 7px!important;
  font-size:.7rem!important;
}
@media(max-width:1320px){
  .listing-row-v511104{
    grid-template-columns:minmax(360px,1.2fr) minmax(145px,.42fr) minmax(390px,.85fr)!important;
  }
  .my-ad-main-v511104{
    grid-template-columns:145px minmax(0,1fr)!important;
  }
  .my-ad-id-v511103{max-width:145px!important;font-size:.8rem!important;}
}
@media(max-width:1180px){
  .listing-row-v511104{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .my-ad-main-v511104{
    grid-template-columns:150px minmax(0,1fr)!important;
  }
  .listing-badges-v511103,
  .listing-row-v511104 .listing-actions-v511104{
    justify-content:flex-start!important;
  }
}
@media(max-width:720px){
  .my-ad-main-v511104{grid-template-columns:1fr!important;gap:3px!important;}
  .my-ad-id-v511103{max-width:100%!important;}
  .listing-row-v511104 .listing-actions-v511104{flex-wrap:wrap!important;}
}

/* V5.1.1.10.6 — Mes annonces : menu Options compact et stable */
.more-actions-v511104{
  position:relative!important;
}
.more-actions-v511104[open]{
  z-index:90!important;
}
.more-actions-v511104[open] > summary.btn.tiny{
  background:#fff!important;
  border:1px solid var(--orange)!important;
  color:var(--navy)!important;
}
.more-actions-menu-v511104{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  z-index:95!important;
  width:176px!important;
  min-width:176px!important;
  max-width:176px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  box-shadow:0 16px 36px rgba(16,24,39,.14)!important;
  padding:8px!important;
  display:grid!important;
  gap:7px!important;
  text-align:left!important;
}
.more-actions-menu-v511104 form{
  display:grid!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}
.more-actions-menu-v511104 label{
  display:grid!important;
  gap:4px!important;
  font-size:.68rem!important;
  line-height:1.1!important;
  font-weight:800!important;
  color:var(--ink)!important;
  margin:0!important;
}
.more-actions-menu-v511104 select{
  width:100%!important;
  min-height:28px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  font-size:.72rem!important;
}
.more-actions-menu-v511104 .btn.tiny,
.more-actions-menu-v511104 button.btn.tiny{
  width:100%!important;
  min-height:28px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  font-size:.72rem!important;
  text-align:center!important;
  justify-content:center!important;
}
.listing-row-v511104{
  overflow:visible!important;
}
.my-ads-panel-v511102{
  overflow:visible!important;
}
@media(max-width:760px){
  .more-actions-menu-v511104{
    left:0!important;
    right:auto!important;
    width:176px!important;
  }
}

/* V5.1.1.11 — Paiements par pays / moyens de paiement */
.payment-settings-compact-v51111 .admin-section-head-v51111{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.payment-settings-compact-v51111 h2{margin-bottom:4px}
.payment-settings-compact-v51111 .payment-summary-v51111{margin:12px 0 14px}
.payment-settings-compact-v51111 .payment-summary-v51111 .card{padding:14px 16px;min-height:auto}
.payment-add-v51111{border:1px solid #e5eaf2;border-radius:18px;padding:12px 14px;background:#fff;margin:10px 0 16px}
.payment-add-v51111>summary{font-weight:900;cursor:pointer;color:#f05a1a}
.payment-method-form-v51111{margin-top:12px}
.payment-method-form-v51111 textarea{min-height:76px}
.payment-method-table-v51111{display:grid;gap:8px;margin-top:12px}
.payment-method-row{display:grid;grid-template-columns:1.1fr 1.6fr .7fr 1fr 1.1fr .7fr 1.1fr;gap:10px;align-items:center;border:1px solid #e6ebf3;border-radius:14px;background:#fff;padding:10px 12px;font-size:13px}
.payment-method-row.head{background:#f6f8fb;color:#667085;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:.04em}
.payment-method-row span{min-width:0}
.payment-method-row strong{display:block;color:#101827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-method-row small{display:block;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.payment-edit-detail-v51111{position:relative}
.payment-edit-detail-v51111>summary{list-style:none;background:#eef1f6;border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer;white-space:nowrap}
.payment-edit-detail-v51111[open]{z-index:20}
.payment-edit-detail-v51111[open] form{margin-top:10px;background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:12px;box-shadow:0 18px 50px rgba(16,24,39,.12)}
.payment-method-row .inline{gap:6px;flex-wrap:nowrap}
.payment-method-row .btn.tiny{padding:8px 10px;font-size:12px}
@media(max-width:1100px){.payment-method-row{grid-template-columns:1fr 1fr;align-items:start}.payment-method-row.head{display:none}.payment-method-row span{display:block}.payment-method-row .inline{grid-column:1/-1;flex-wrap:wrap}}


/* V5.1.1.11.1 — Paiements : présentation professionnelle et compacte */
.payment-settings-pro-v511111 .pay-head-v511111{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.payment-settings-pro-v511111 h2{margin:0 0 4px}
.pay-kpis-v511111,.pay-admin-kpis-v511111{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.pay-kpis-v511111>div,.pay-admin-kpis-v511111>div{background:#f7f9fc;border:1px solid #e8edf5;border-radius:14px;padding:12px 14px;min-height:62px}
.pay-kpis-v511111 span,.pay-admin-kpis-v511111 span{display:block;font-size:12px;color:#667085;font-weight:800;margin-bottom:4px}
.pay-kpis-v511111 strong,.pay-admin-kpis-v511111 strong{font-size:20px;color:#101827}
.pay-add-v511111{border:1px solid #e8edf5;border-radius:14px;background:#fff;margin:10px 0 14px;padding:10px 12px}
.pay-add-v511111>summary{cursor:pointer;font-weight:900;color:#ea4f16}
.pay-method-form-v511111{display:grid;gap:12px;margin-top:12px}
.pay-form-grid-v511111{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pay-form-grid-v511111 label,.pay-method-form-v511111 label{font-weight:800;font-size:12px;color:#202b3c}
.pay-form-grid-v511111 input,.pay-form-grid-v511111 select,.pay-method-form-v511111 textarea,.pay-client-form-grid-v511111 input,.payment-declare-form-v511111 select{width:100%;border:1px solid #dfe6f0;border-radius:12px;padding:10px 12px;background:#fff;font-size:13px;margin-top:4px}
.pay-method-form-v511111 textarea{min-height:74px}
.pay-form-actions-v511111{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pay-method-list-v511111{display:grid;gap:10px;margin-top:12px}
.pay-method-card-v511111{border:1px solid #e6ebf3;border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px;box-shadow:0 8px 22px rgba(15,23,42,.03)}
.pay-method-card-v511111.is-inactive{background:#fcfcfd;opacity:.88}
.pay-method-main-v511111{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pay-method-main-v511111 strong{font-size:15px;color:#101827}
.pay-method-main-v511111 small{display:block;color:#667085;font-weight:700;margin-top:2px}
.pay-method-meta-v511111{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pay-method-meta-v511111 span{background:#f8fafc;border-radius:12px;padding:8px 10px;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pay-method-meta-v511111 b{display:block;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.pay-method-actions-v511111{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pay-method-actions-v511111 details{position:relative;flex:1 1 100%;border-top:1px solid #eef2f7;padding-top:8px}
.pay-method-actions-v511111 summary{display:inline-flex;cursor:pointer;font-weight:900;background:#eef2f7;border-radius:10px;padding:8px 10px;color:#101827}
.admin-payments-pro-v511111 .quote-tabs{margin-bottom:12px}
.pay-admin-list-v511111{display:grid;gap:10px}
.pay-admin-card-v511111{border:1px solid #e6ebf3;border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px}
.pay-admin-row-v511111{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.pay-admin-row-v511111 strong{font-size:16px;color:#101827}
.pay-admin-row-v511111 small{display:block;color:#667085;font-weight:700;margin-top:2px}
.pay-admin-amount-v511111{display:flex;gap:8px;align-items:center;white-space:nowrap}
.pay-admin-amount-v511111 b{font-size:16px;color:#101827}
.pay-admin-meta-v511111{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:8px}
.pay-admin-meta-v511111 span,.pay-admin-sums-v511111 span{background:#f8fafc;border-radius:12px;padding:8px 10px;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pay-admin-meta-v511111 b{display:block;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.pay-admin-detail-v511111{border-top:1px solid #eef2f7;padding-top:8px}
.pay-admin-detail-v511111 summary{cursor:pointer;font-weight:900;color:#ea4f16}
.pay-admin-sums-v511111{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.pay-status-form-v511111{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.pay-status-form-v511111 label{font-weight:800;font-size:12px}
.pay-status-form-v511111 select{display:block;min-width:240px;border:1px solid #dfe6f0;border-radius:12px;padding:9px 10px;margin-top:4px}
.payments-page-pro-v511111 .payment-card{margin-bottom:12px}
.pay-client-card-v511111{display:grid;gap:10px}
.pay-client-row-v511111,.pay-client-head-v511111{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pay-client-row-v511111 strong{font-size:16px;color:#101827}
.pay-client-row-v511111 small{display:block;color:#667085;font-weight:700;margin-top:2px}
.pay-client-total-v511111{display:flex;gap:8px;align-items:center;white-space:nowrap}
.payment-instructions-v511111{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:14px;margin-top:10px;display:grid;gap:10px}
.payment-instructions-v511111 h4{margin:0 0 4px}
.payment-method-list-v511111{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.payment-method-list-v511111 article{border:1px solid #e8edf5;border-radius:14px;background:#f8fafc;padding:10px;font-size:13px}
.payment-method-list-v511111 strong{color:#101827}
.payment-method-list-v511111 small{display:block;color:#667085;font-weight:700;margin-top:2px}
.payment-declare-form-v511111{display:grid;gap:10px}
.pay-client-form-grid-v511111{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1100px){.pay-kpis-v511111,.pay-admin-kpis-v511111,.pay-method-meta-v511111,.pay-admin-meta-v511111,.pay-admin-sums-v511111,.payment-method-list-v511111,.pay-client-form-grid-v511111{grid-template-columns:1fr}.pay-form-grid-v511111{grid-template-columns:1fr 1fr}.pay-client-row-v511111,.pay-client-head-v511111,.pay-admin-row-v511111{flex-direction:column}.pay-client-total-v511111,.pay-admin-amount-v511111{white-space:normal}}
@media(max-width:680px){.pay-form-grid-v511111{grid-template-columns:1fr}.payment-settings-pro-v511111 .pay-head-v511111{flex-direction:column}}

/* V5.1.1.11.2 — Paiements : présentation, filtres, moyens disponibles */
.payment-settings-pro-v511112,
.admin-payments-pro-v511112{font-size:.92rem}
.pay-head-v511112{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.pay-head-v511112 h2{margin:0;font-size:1.35rem}
.pay-kpis-v511112,.pay-admin-kpis-v511112{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:.7rem 0 1rem}
.pay-kpis-v511112>div,.pay-admin-kpis-v511112>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:.75rem .9rem;min-height:70px}
.pay-kpis-v511112 span,.pay-admin-kpis-v511112 span{display:block;color:#64748b;font-weight:800;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}
.pay-kpis-v511112 strong,.pay-admin-kpis-v511112 strong{display:block;font-size:1.05rem;margin-top:.2rem;line-height:1.2}
.pay-admin-kpis-v511112 small{display:block;color:#94a3b8;font-size:.72rem;margin-top:.15rem}
.pay-method-filters-v511112,.payment-admin-filters-v511112{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:.6rem;align-items:end;margin:.6rem 0 1rem}
.payment-admin-filters-v511112{grid-template-columns:2fr 1fr auto auto}
.pay-method-filters-v511112 label,.payment-admin-filters-v511112 label{font-size:.78rem;font-weight:800;color:#334155}
.pay-method-filters-v511112 input,.pay-method-filters-v511112 select,.payment-admin-filters-v511112 input,.payment-admin-filters-v511112 select{height:38px;border-radius:10px;font-size:.86rem}
.pay-add-v511112{margin:.7rem 0;border:1px solid #e5e7eb;border-radius:14px;padding:.55rem .7rem;background:#fff}
.pay-add-v511112 summary{font-weight:900;cursor:pointer;color:#e94b16}
.pay-form-grid-v511112{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.7rem 0}
.pay-form-grid-v511112 label,.pay-method-form-v511112 label{font-size:.8rem;font-weight:800;color:#334155}
.pay-form-grid-v511112 input,.pay-form-grid-v511112 select,.pay-method-form-v511112 textarea{border-radius:10px;font-size:.86rem}
.pay-method-form-v511112 textarea{min-height:70px;width:100%}
.pay-form-actions-v511112{display:flex;align-items:center;gap:.8rem;margin-top:.5rem}
.pay-method-list-v511112,.pay-admin-list-v511112{display:grid;gap:.65rem;margin-top:.7rem}
.pay-method-card-v511112,.pay-admin-card-v511112{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:.75rem .85rem;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.pay-method-card-v511112.is-inactive{background:#fbfbfb}
.pay-method-main-v511112,.pay-admin-row-v511112{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.pay-method-main-v511112 strong,.pay-admin-row-v511112 strong{font-size:1rem;color:#0f172a}
.pay-method-main-v511112 small,.pay-admin-row-v511112 small{display:block;color:#64748b;font-size:.76rem;font-weight:700;margin-top:.15rem}
.pay-method-meta-v511112,.pay-admin-meta-v511112{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin:.6rem 0}
.pay-admin-meta-v511112{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}
.pay-method-meta-v511112 span,.pay-admin-meta-v511112 span{background:#f8fafc;border-radius:10px;padding:.45rem .55rem;font-size:.78rem;min-height:48px;word-break:break-word}
.pay-method-meta-v511112 b,.pay-admin-meta-v511112 b{display:block;color:#64748b;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}
.pay-method-actions-v511112{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.pay-method-actions-v511112 details{position:relative}
.pay-method-actions-v511112 details[open]{display:block;width:100%;margin-top:.5rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:.7rem}
.pay-admin-amount-v511112{text-align:right;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.pay-admin-amount-v511112 b{font-size:1.05rem}
.pay-admin-detail-v511112{margin-top:.55rem;border-top:1px solid #edf2f7;padding-top:.45rem}
.pay-admin-detail-v511112 summary{cursor:pointer;color:#e94b16;font-weight:900}
.pay-admin-sums-v511112{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.55rem 0}
.pay-admin-sums-v511112 span{background:#f8fafc;border-radius:10px;padding:.5rem;font-size:.82rem}
.pay-status-form-v511112{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}
.pay-status-form-v511112 label{min-width:260px;font-size:.82rem;font-weight:800}
@media (max-width: 1000px){.pay-kpis-v511112,.pay-admin-kpis-v511112{grid-template-columns:repeat(2,1fr)}.pay-method-filters-v511112,.payment-admin-filters-v511112,.pay-form-grid-v511112{grid-template-columns:1fr 1fr}.pay-method-meta-v511112,.pay-admin-meta-v511112,.pay-admin-sums-v511112{grid-template-columns:1fr 1fr}}
@media (max-width: 650px){.pay-kpis-v511112,.pay-admin-kpis-v511112,.pay-method-filters-v511112,.payment-admin-filters-v511112,.pay-form-grid-v511112,.pay-method-meta-v511112,.pay-admin-meta-v511112,.pay-admin-sums-v511112{grid-template-columns:1fr}.pay-method-main-v511112,.pay-admin-row-v511112{display:block}.pay-admin-amount-v511112{text-align:left;justify-content:flex-start;margin-top:.35rem}}


/* V5.1.1.11.3 — Paiements : verrouillage rendu admin et formulaires */
.payment-settings-pro-v511112,
.admin-payments-pro-v511112{font-size:13px!important;line-height:1.35!important;}
.payment-settings-pro-v511112 * ,
.admin-payments-pro-v511112 *{box-sizing:border-box;}
.payment-settings-pro-v511112 h2,
.admin-payments-pro-v511112 h2{font-size:22px!important;line-height:1.15!important;margin:0 0 6px!important;}
.payment-settings-pro-v511112 p,
.admin-payments-pro-v511112 p{margin:.35rem 0!important;}
.pay-head-v511112{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:10px!important;}
.pay-kpis-v511112,.pay-admin-kpis-v511112{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:10px 0 12px!important;}
.pay-kpis-v511112>div,.pay-admin-kpis-v511112>div{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:10px 12px!important;min-height:58px!important;}
.pay-kpis-v511112 span,.pay-admin-kpis-v511112 span{display:block!important;color:#64748b!important;font-weight:900!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin-bottom:3px!important;}
.pay-kpis-v511112 strong,.pay-admin-kpis-v511112 strong{display:block!important;font-size:17px!important;line-height:1.15!important;color:#0f172a!important;}
.pay-admin-kpis-v511112 small{display:block!important;font-size:11px!important;color:#94a3b8!important;margin-top:2px!important;}
.pay-method-filters-v511112,.payment-admin-filters-v511112{display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr auto auto!important;gap:8px!important;align-items:end!important;margin:10px 0 12px!important;}
.payment-admin-filters-v511112{grid-template-columns:2fr 1fr auto auto!important;}
.pay-method-filters-v511112 label,.payment-admin-filters-v511112 label{font-size:12px!important;font-weight:900!important;color:#334155!important;margin:0!important;}
.pay-method-filters-v511112 input,.pay-method-filters-v511112 select,.payment-admin-filters-v511112 input,.payment-admin-filters-v511112 select{width:100%!important;height:38px!important;border:1px solid #dfe6f0!important;border-radius:10px!important;background:#fff!important;padding:8px 10px!important;font-size:13px!important;margin-top:3px!important;}
.pay-add-v511112{border:1px solid #e5e7eb!important;border-radius:14px!important;background:#fff!important;padding:0!important;margin:10px 0!important;overflow:hidden!important;}
.pay-add-v511112>summary{cursor:pointer!important;font-weight:900!important;padding:10px 12px!important;background:#f8fafc!important;color:#0f172a!important;}
.pay-method-list-v511112,.pay-admin-list-v511112{display:grid!important;gap:10px!important;margin-top:10px!important;}
.pay-method-card-v511112,.pay-admin-card-v511112{display:block!important;border:1px solid #e5e7eb!important;border-radius:14px!important;background:#fff!important;padding:12px!important;box-shadow:0 8px 22px rgba(15,23,42,.035)!important;overflow:hidden!important;}
.pay-method-card-v511112.is-inactive{background:#fcfcfd!important;opacity:.95!important;}
.pay-method-main-v511112,.pay-admin-row-v511112{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:8px!important;}
.pay-method-main-v511112 strong,.pay-admin-row-v511112 strong{font-size:15px!important;color:#0f172a!important;line-height:1.2!important;}
.pay-method-main-v511112 small,.pay-admin-row-v511112 small{display:block!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;margin-top:2px!important;}
.pay-method-meta-v511112,.pay-admin-meta-v511112{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;margin:8px 0!important;}
.pay-admin-meta-v511112{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr!important;}
.pay-method-meta-v511112 span,.pay-admin-meta-v511112 span{display:block!important;background:#f8fafc!important;border-radius:10px!important;padding:7px 8px!important;font-size:12px!important;min-height:42px!important;overflow:hidden!important;word-break:break-word!important;}
.pay-method-meta-v511112 b,.pay-admin-meta-v511112 b{display:block!important;color:#64748b!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:2px!important;}
.pay-method-actions-v511112{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;border-top:1px solid #eef2f7!important;padding-top:8px!important;}
.pay-method-actions-v511112 form{margin:0!important;}
.pay-method-actions-v511112 details{display:inline-block!important;position:relative!important;margin:0!important;}
.pay-method-actions-v511112 details[open]{display:block!important;width:100%!important;margin-top:8px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:14px!important;padding:10px!important;}
.pay-method-actions-v511112 summary{cursor:pointer!important;list-style:none!important;}
.pay-method-actions-v511112 summary::-webkit-details-marker{display:none!important;}
.pay-method-form-v511112{display:block!important;margin-top:8px!important;}
.pay-form-grid-v511112{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important;}
.pay-form-grid-v511112 label,.pay-method-form-v511112 label{display:block!important;font-size:12px!important;font-weight:900!important;color:#334155!important;margin:0!important;}
.pay-form-grid-v511112 input,.pay-form-grid-v511112 select,.pay-method-form-v511112 textarea{width:100%!important;border:1px solid #dfe6f0!important;border-radius:10px!important;background:#fff!important;padding:8px 10px!important;font-size:13px!important;margin-top:3px!important;}
.pay-method-form-v511112 textarea{min-height:64px!important;resize:vertical!important;}
.pay-form-actions-v511112{display:flex!important;gap:8px!important;align-items:center!important;margin-top:8px!important;}
.pay-admin-amount-v511112{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;text-align:right!important;}
.pay-admin-amount-v511112 b{font-size:16px!important;color:#0f172a!important;}
.pay-admin-detail-v511112{margin-top:8px!important;border-top:1px solid #eef2f7!important;padding-top:8px!important;}
.pay-admin-detail-v511112 summary{cursor:pointer!important;color:#e94b16!important;font-weight:900!important;}
.pay-admin-sums-v511112{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important;}
.pay-admin-sums-v511112 span{display:block!important;background:#f8fafc!important;border-radius:10px!important;padding:8px!important;font-size:12px!important;}
.pay-status-form-v511112{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:end!important;max-width:620px!important;}
.pay-status-form-v511112 select{width:100%!important;height:38px!important;border:1px solid #dfe6f0!important;border-radius:10px!important;background:#fff!important;padding:8px!important;}
@media(max-width:1100px){.pay-kpis-v511112,.pay-admin-kpis-v511112{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pay-method-filters-v511112,.payment-admin-filters-v511112,.pay-form-grid-v511112,.pay-method-meta-v511112,.pay-admin-meta-v511112,.pay-admin-sums-v511112{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pay-admin-row-v511112,.pay-method-main-v511112{display:block!important}.pay-admin-amount-v511112{justify-content:flex-start!important;text-align:left!important;margin-top:6px!important}}
@media(max-width:680px){.pay-kpis-v511112,.pay-admin-kpis-v511112,.pay-method-filters-v511112,.payment-admin-filters-v511112,.pay-form-grid-v511112,.pay-method-meta-v511112,.pay-admin-meta-v511112,.pay-admin-sums-v511112,.pay-status-form-v511112{grid-template-columns:1fr!important}.pay-head-v511112{display:block!important}}


/* V5.1.1.11.4 — finalisation paiement/devis/code/remplissage */
.admin-helper-v511114{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px 12px;margin:10px 0 14px;color:#9a3412;font-size:.9rem;font-weight:700}
.pay-status-form-v511112 select{min-width:260px;max-width:100%}
.delivery-code-client-v511114{display:inline-flex;align-items:center;justify-content:center;letter-spacing:.18em;font-weight:900;font-size:1.15rem;background:#ecfdf5;border:1px solid #86efac;color:#065f46;border-radius:12px;padding:8px 12px;margin-top:4px}
.freight-publish-compact-v511114 form{display:grid;gap:12px}
.freight-publish-compact-v511114 label{font-size:.92rem}
.freight-publish-compact-v511114 input,.freight-publish-compact-v511114 select,.freight-publish-compact-v511114 textarea{min-height:42px}
.pay-form-actions-v511112{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.admin-payments-pro-v511112 .pay-admin-card-v511112{scroll-margin-top:90px}

/* FretPro Africa V5.1.1.12 — simulateur unifié / quantité colis */
.package-builder-v51112{display:grid;gap:12px;margin:8px 0 12px}.package-top-v51112{align-items:end}.package-checkbox-v51112{display:flex!important;align-items:center;gap:10px;border:1px solid #e6ebf2;background:#f8fafc;border-radius:14px;padding:11px 12px;font-weight:900;color:#15223a}.package-checkbox-v51112 input{width:auto!important;min-height:auto!important}.package-identical-v51112,.package-lines-v51112{border:1px solid #e6ebf2;background:#fff;border-radius:18px;padding:14px;display:grid;gap:12px}.package-identical-v51112[hidden],.package-lines-v51112[hidden]{display:none!important}.package-line-v51112{display:grid;grid-template-columns:.65fr repeat(4,1fr) auto;gap:10px;align-items:end;border:1px solid #eef2f7;background:#f8fafc;border-radius:16px;padding:12px}.package-line-v51112 label{margin:0}.package-add-v51112{justify-self:start}.quote-package-box-v51112{border:1px solid #e6ebf2;background:#fff;border-radius:18px;padding:14px;margin:12px 0;display:grid;gap:10px}.package-lines-summary-v51112{border:1px solid #e6ebf2;background:#f8fafc;border-radius:16px;padding:12px;margin:12px 0}.package-lines-summary-v51112 p{margin:4px 0;color:#475467;font-weight:750}@media(max-width:900px){.package-line-v51112{grid-template-columns:1fr 1fr}.package-line-v51112 .package-remove-v51112{grid-column:1/-1}.package-top-v51112{grid-template-columns:1fr!important}}

/* V5.1.1.13 — Tableaux de bord / encaissements / statistiques */
.dashboard-card-v51113{display:block}
.dashboard-section-title-v51113{margin:1rem 0 .75rem;font-size:1.05rem}
.dashboard-stats-grid-v51113{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin:.75rem 0 1rem}
.dashboard-stat-card-v51113{display:flex;flex-direction:column;gap:.25rem;min-height:86px;padding:1rem;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.dashboard-stat-card-v51113:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.08)}
.dashboard-stat-card-v51113 span{font-size:.84rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.dashboard-stat-card-v51113 strong{font-size:1.25rem;color:#0f172a;line-height:1.2}
.dashboard-stat-card-v51113 small{font-size:.78rem;color:#64748b}
.dashboard-actions-v51113{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.55rem}
.dashboard-actions-v51113 a{border-radius:999px;padding:.6rem .85rem}
.follow-section-v51113{margin:1rem 0;padding:1rem;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff}
.follow-section-v51113>h3{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .8rem;font-size:1rem}
.follow-section-v51113>h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;padding:.2rem .55rem;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.82rem}
.follow-card-v51113{border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;margin:.55rem 0;padding:.85rem}
.payments-page-v51113 .payment-card,.follow-section-v51113 .payment-card{margin:.65rem 0}
@media(max-width:720px){.dashboard-stats-grid-v51113{grid-template-columns:1fr 1fr}.dashboard-stat-card-v51113{min-height:78px;padding:.85rem}.dashboard-stat-card-v51113 strong{font-size:1.05rem}.dashboard-actions-v51113 a{width:100%;text-align:center}.follow-section-v51113{padding:.8rem}}
@media(max-width:460px){.dashboard-stats-grid-v51113{grid-template-columns:1fr}}

/* V5.1.1.13.1 — correction affichage dashboard utilisateur et devises */
.dashboard-card-v51113 .dashboard-stats-grid-v51113{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;
  gap:.75rem !important;
  align-items:stretch;
}
.dashboard-card-v51113 .dashboard-stat-card-v51113{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start;
  gap:.28rem !important;
  min-height:86px;
  word-break:normal;
  overflow-wrap:anywhere;
}
.dashboard-currency-stack-v511131{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  line-height:1.12;
}
.dashboard-currency-line-v511131{
  display:flex;
  flex-direction:column;
  gap:.05rem;
}
.dashboard-currency-line-v511131 em{
  font-style:normal;
  font-size:.68rem;
  line-height:1;
  color:#64748b;
  font-weight:800;
  letter-spacing:.04em;
}
.dashboard-currency-line-v511131 b{
  font-size:1.06rem;
  line-height:1.1;
  color:#0f172a;
}
@media(max-width:780px){
  .dashboard-card-v51113 .dashboard-stats-grid-v51113{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:480px){
  .dashboard-card-v51113 .dashboard-stats-grid-v51113{grid-template-columns:1fr !important;}
}

/* V5.1.1.13.2 — compte utilisateur : devise, devis, dates, paiement direct */
.topbar-tools-v511132{display:flex;align-items:center;gap:10px;margin-left:auto;}
.top-currency-form-v511132{margin:0;}
.top-currency-form-v511132 label{display:flex;align-items:center;gap:6px;margin:0;padding:5px 8px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.05);}
.top-currency-form-v511132 span{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:900;}
.top-currency-form-v511132 select{border:0!important;background:transparent!important;padding:0 2px!important;min-height:24px!important;font-weight:900;color:#0f172a;outline:0;}
.dashboard-currency-stack-v511132{display:flex;flex-direction:column;gap:2px;line-height:1.08;}
.dashboard-currency-stack-v511132>b{font-size:1.16rem;color:#0f172a;}
.dashboard-currency-stack-v511132 small{font-size:.68rem;color:#64748b;font-weight:800;}
.quote-summary{display:grid!important;grid-template-columns:minmax(240px,1.25fr) minmax(120px,.45fr) minmax(180px,.55fr) auto!important;gap:14px!important;align-items:start!important;}
.quote-amount-top-v511132{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;min-width:150px;}
.quote-amount-top-v511132>strong{font-size:1rem;color:#0f172a;line-height:1.1;}
.quote-amount-top-v511132 small{font-size:.78rem;color:#64748b;font-weight:700;}
.payment-highlight-v511132{outline:3px solid rgba(246,91,32,.55);box-shadow:0 0 0 6px rgba(246,91,32,.12)!important;}
.badge.ok{background:#e9f8f1!important;color:#07804f!important;}
@media(max-width:980px){.quote-summary{grid-template-columns:1fr!important}.quote-amount-top-v511132{align-items:flex-start;text-align:left}.topbar-tools-v511132{gap:6px}.top-currency-form-v511132 span{display:none}}

/* V5.1.1.13.3 — ergonomie compte, paiements, profil Pro */
.payment-instructions-compact-v511133{
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
  padding:16px;
  margin-top:14px;
}
.payment-warning-v511133{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border-radius:14px;
  background:#fff7ed;
  border:1px solid rgba(249,115,22,.22);
  color:#7c2d12;
  margin:12px 0;
}
.payment-warning-v511133 strong{white-space:nowrap;color:#9a3412}
.payment-method-selected-v511133{margin:12px 0;display:block}
.payment-method-detail-v511133{
  display:none;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#f8fafc;
}
.payment-method-detail-v511133.active{display:block}
.payment-method-detail-v511133 div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.payment-method-detail-v511133 strong{font-weight:900;color:#0f172a}
.payment-method-detail-v511133 small{font-weight:800;color:#64748b}
.payment-declare-box-v511133{margin-top:12px;padding-top:12px;border-top:1px solid rgba(15,23,42,.08)}
.pay-client-card-v511111{padding:14px 16px!important}
.pay-client-card-v511111 .payment-instructions-v511111{max-width:980px}

.exchange-center-v511133{max-width:1100px}
.exchange-grid-v511133{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:16px}
.exchange-card-v511133{display:grid;gap:6px;text-decoration:none;color:inherit;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.exchange-card-v511133 span{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:#64748b}
.exchange-card-v511133 strong{font-size:2rem;color:#0f172a;line-height:1}
.exchange-card-v511133 small{color:#64748b;font-weight:700}
.exchange-actions-v511133{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

.pro-dashboard-hero-v511133{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,auto);gap:18px;align-items:start;margin-top:8px}
.pro-dashboard-right-v511133{display:grid;grid-template-columns:auto repeat(3,minmax(150px,1fr));gap:10px;align-items:stretch;justify-self:end;max-width:760px}
.pro-dashboard-right-v511133 .dashboard-stat-card-v51113{min-height:98px;background:linear-gradient(180deg,#fff,#f8fafc)}
.pro-dashboard-grid-v511133{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
.pro-premium-emblem-v511133{display:flex;align-items:center;gap:8px;min-width:118px;min-height:92px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1e293b 55%,#f97316);color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.16)}
.pro-premium-emblem-v511133 b{font-size:1.65rem;letter-spacing:-.08em;background:#fff;color:#f97316;border-radius:12px;padding:6px 7px;line-height:1}
.pro-premium-emblem-v511133 small{font-weight:1000;line-height:1.05;letter-spacing:.05em}
.pro-premium-inline-v511133{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#fff7ed;color:#c2410c;font-weight:1000;font-size:.76rem;border:1px solid rgba(249,115,22,.22)}

.profile-head-v511133{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.profile-main-v511133{display:flex;gap:14px;align-items:center;min-width:0}
.profile-main-v511133 h2{margin:2px 0 5px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.02}
.profile-pro-brand-v511133{width:180px;display:grid;gap:8px;justify-items:center;text-align:center;padding:14px;border-radius:20px;border:1px solid rgba(249,115,22,.2);background:#fff7ed}
.profile-pro-brand-v511133 img{width:84px;height:84px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.profile-pro-brand-v511133 strong{color:#9a3412;font-weight:1000}.profile-pro-brand-v511133 small{color:#64748b;font-weight:700}
.profile-pro-kpis-v511133{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}
.profile-pro-kpis-v511133>div{padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.profile-pro-kpis-v511133 span{display:block;color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.04em}.profile-pro-kpis-v511133 strong{display:block;margin-top:4px;font-size:1.15rem;color:#0f172a}
.profile-sections-v511133{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}
.profile-sections-v511133 article{padding:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.profile-sections-v511133 h3{margin:0 0 10px;font-size:1rem;color:#0f172a}.profile-sections-v511133 p{display:grid;gap:2px;margin:0 0 9px}.profile-sections-v511133 p span{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:900}.profile-sections-v511133 p strong{font-weight:900;color:#0f172a;word-break:break-word}
.main-nav-v5 .nav-family-v5 span{letter-spacing:.08em}

@media(max-width:980px){
  .pro-dashboard-hero-v511133{grid-template-columns:1fr}.pro-dashboard-right-v511133{justify-self:stretch;grid-template-columns:1fr 1fr}.pro-premium-emblem-v511133{grid-column:1 / -1;min-height:auto}
  .profile-head-v511133{display:grid}.profile-pro-brand-v511133{width:auto;justify-items:start;text-align:left;grid-template-columns:auto 1fr;align-items:center}.profile-pro-brand-v511133 img{width:70px;height:70px}
}
@media(max-width:560px){
  .pro-dashboard-right-v511133{grid-template-columns:1fr}.profile-main-v511133{align-items:flex-start}.payment-method-detail-v511133 div:first-child{display:grid}.exchange-actions-v511133 .btn{width:100%;text-align:center}
}

/* V5.1.1.13.4 — correction profils, livraisons et centre d’échanges */
.profile-layout-v511134{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,300px);
  gap:18px;
  align-items:start;
}
.profile-layout-v511134>.panel{min-width:0;}
.profile-ad-300-v511134{position:sticky;top:86px;}
.profile-ad-300-v511134 .fpa-publicity-slot{margin:0;}
.fpa-publicity-format-300x600{
  width:100%;
  max-width:300px;
  min-height:600px;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 32px rgba(15,23,42,.08);
}
.fpa-publicity-format-300x600 img,
.fpa-publicity-format-300x600 a{display:block;width:100%;height:100%;}
.fpa-publicity-format-300x600 img{object-fit:cover;max-height:600px;}

.profile-pro-clean-v511133{overflow:hidden;}
.profile-pro-clean-v511133 .profile-head-v511133{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,220px);
  gap:18px;
  align-items:start;
}
.profile-pro-clean-v511133.is-client .profile-head-v511133{grid-template-columns:1fr;}
.profile-pro-clean-v511133 .profile-main-v511133{display:flex;align-items:flex-start;gap:14px;min-width:0;}
.profile-pro-clean-v511133 .profile-main-v511133>div{min-width:0;}
.profile-pro-clean-v511133 .profile-main-v511133 h2{font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.05;margin:3px 0 6px;}
.profile-pro-clean-v511133 .profile-badges-v434{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.profile-pro-clean-v511133 .rating-v434{display:inline-flex;margin-top:7px;text-decoration:none;color:#0f172a;font-weight:900;}
.profile-pro-clean-v511133 .profile-pro-brand-v511133{
  width:auto!important;
  min-height:150px;
  display:grid;
  place-items:center;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(249,115,22,.20);
  background:linear-gradient(180deg,#fff7ed,#fff);
  text-align:center;
}
.profile-pro-clean-v511133 .profile-pro-brand-v511133 img{
  width:120px!important;
  height:120px!important;
  max-width:120px!important;
  max-height:120px!important;
  object-fit:contain!important;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
}
.profile-pro-clean-v511133 .pro-premium-emblem-v511133{min-width:150px;min-height:118px;}
.profile-pro-clean-v511133 .profile-pro-kpis-v511133{display:none!important;}
.profile-sections-v511133{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:14px!important;
  margin:18px 0!important;
}
.profile-sections-v511133 article{
  padding:16px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
.profile-sections-v511133 article h3{margin:0 0 12px!important;font-size:1.02rem!important;}
.profile-sections-v511133 article p{
  display:grid!important;
  grid-template-columns:minmax(120px,.48fr) minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin:0!important;
  padding:8px 0;
  border-bottom:1px solid rgba(15,23,42,.055);
}
.profile-sections-v511133 article p:last-child{border-bottom:0;}
.profile-sections-v511133 article p span{
  color:#64748b!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:.9rem!important;
  font-weight:800!important;
}
.profile-sections-v511133 article p strong{color:#0f172a!important;font-weight:900!important;word-break:break-word;}
.profile-actions-v434{display:grid;gap:12px;margin-top:14px;}
.profile-actions-v434 details.clean-details{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;overflow:hidden;}
.profile-actions-v434 details.clean-details>summary{padding:16px 18px;font-weight:1000;cursor:pointer;background:#f8fafc;}
.profile-actions-v434 details.clean-details[open]>summary{border-bottom:1px solid rgba(15,23,42,.08);}
.profile-actions-v434 .profile-form-compact,
.profile-actions-v434 .identity-upload-v441{padding:16px 18px;}
.profile-docs-compact{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px!important;padding:16px 18px!important;}
.profile-docs-compact>div{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8fafc;padding:12px;}
.profile-docs-compact .doc-preview{
  width:100%!important;
  height:96px!important;
  max-height:96px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  margin:8px 0!important;
}
.profile-docs-compact div:has(strong:first-child) img.doc-preview{object-fit:contain!important;background:#fff;}

.delivery-card{
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
  padding:16px!important;
  margin:12px 0!important;
}
.delivery-card .quote-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  align-items:flex-start!important;
  margin-bottom:10px!important;
}
.delivery-card .quote-head strong{font-size:1rem!important;color:#0f172a!important;}
.delivery-card .quote-head small{display:block;color:#64748b;font-weight:800;margin-top:3px;}
.delivery-card .payment-breakdown-v442{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  margin:12px 0!important;
}
.delivery-card .payment-breakdown-v442 p{margin:0!important;display:grid!important;gap:4px!important;}
.delivery-card .payment-breakdown-v442 strong{font-size:.82rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;}
.delivery-card .payment-breakdown-v442 span{font-size:1rem;font-weight:1000;color:#0f172a;text-align:left!important;}
.delivery-card .payment-breakdown-v442 .total{border-left:1px solid rgba(15,23,42,.08);padding-left:12px;}
.success-text{color:#07804f!important;font-weight:900!important;background:#e9f8f1;border:1px solid rgba(7,128,79,.16);border-radius:14px;padding:10px 12px;}

.exchange-center-v511133 .exchange-grid-v511133{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
  margin:16px 0!important;
}
.exchange-center-v511133 .exchange-card-v511133{
  display:grid!important;
  grid-template-columns:auto 1fr;
  grid-template-areas:'count title' 'count desc';
  align-items:center;
  gap:4px 12px;
  padding:16px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:18px!important;
  text-decoration:none!important;
  color:inherit!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}
.exchange-center-v511133 .exchange-card-v511133 span{grid-area:title;font-size:.92rem!important;color:#0f172a!important;font-weight:1000!important;text-transform:none!important;letter-spacing:0!important;}
.exchange-center-v511133 .exchange-card-v511133 strong{grid-area:count;font-size:1.6rem!important;line-height:1!important;color:#f15b22!important;min-width:44px;height:44px;border-radius:14px;background:#fff7ed;display:flex;align-items:center;justify-content:center;}
.exchange-center-v511133 .exchange-card-v511133 small{grid-area:desc;color:#64748b!important;font-weight:750!important;}
.exchange-actions-v511133{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}

@media(max-width:1180px){.profile-layout-v511134{grid-template-columns:1fr}.profile-ad-300-v511134{position:static}.fpa-publicity-format-300x600{min-height:auto;max-width:100%}.fpa-publicity-format-300x600 img{max-height:260px}}
@media(max-width:780px){.profile-pro-clean-v511133 .profile-head-v511133{grid-template-columns:1fr}.profile-pro-clean-v511133 .profile-pro-brand-v511133{grid-template-columns:auto 1fr;text-align:left;justify-items:start}.profile-pro-clean-v511133 .profile-pro-brand-v511133 img{width:72px!important;height:72px!important}.profile-sections-v511133 article p{grid-template-columns:1fr}.delivery-card .payment-breakdown-v442{grid-template-columns:1fr}.delivery-card .payment-breakdown-v442 .total{border-left:0;border-top:1px solid rgba(15,23,42,.08);padding-left:0;padding-top:10px}.exchange-center-v511133 .exchange-card-v511133{grid-template-columns:1fr;grid-template-areas:'count' 'title' 'desc';}}


/* V5.1.1.14.1 — Admin lisible : notifications, comptes, mentions légales */
.admin-control-room-v511141 .card small,.admin-queue-grid-v440 .card small{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;font-weight:700}.admin-help-box-v511141{background:#f8fafc;border:1px solid var(--line);border-radius:22px;padding:18px 22px;margin:16px 0 22px}.admin-help-box-v511141 strong{display:block;margin-bottom:8px}.admin-help-box-v511141 ol{margin:0;padding-left:22px;color:var(--muted);line-height:1.55}.admin-notif-filters-v511141{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.admin-notif-filters-v511141 a{text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.admin-notif-filters-v511141 a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.admin-notif-section-v511141{margin-top:22px}.admin-notif-grid-v511141{display:grid;gap:14px}.admin-notif-card-v511141{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px;display:grid;gap:10px;box-shadow:0 10px 28px rgba(16,24,39,.05)}.admin-notif-card-v511141.unread{border-left:6px solid var(--orange)}.admin-notif-card-v511141 div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-notif-card-v511141 small{color:var(--muted);font-weight:700;white-space:nowrap}.admin-notif-card-v511141 p{margin:0;color:#344054;line-height:1.5}.admin-accounts-panel-v511141 .admin-filters-v511141{align-items:end}.admin-user-list-v511141{display:grid;gap:16px;margin-top:18px}.admin-user-card-v511141{border:1px solid var(--line);border-radius:26px;background:#fff;padding:18px;box-shadow:0 12px 34px rgba(16,24,39,.06)}.admin-user-card-v511141.focused{outline:3px solid rgba(239,90,26,.28)}.admin-user-head-v511141{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.admin-user-head-v511141 h3{margin:0 0 4px;font-size:1.25rem}.admin-user-head-v511141 p{margin:3px 0}.admin-user-actions-top-v511141{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.admin-account-info-grid-v511141{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.admin-account-info-grid-v511141>div,.admin-pro-account-state-v511141>div{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:14px}.admin-account-info-grid-v511141 span,.admin-pro-account-state-v511141 span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:900;margin-bottom:5px}.admin-account-info-grid-v511141 strong,.admin-pro-account-state-v511141 b{display:block;font-size:.98rem}.admin-account-info-grid-v511141 small{color:var(--muted);font-weight:700}.admin-pro-account-state-v511141{border:1px solid #ffdfcc;background:#fff8f3;border-radius:20px;padding:14px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px;align-items:stretch;margin:12px 0}.admin-pro-account-state-v511141>strong{align-self:center;color:#c6512d}.admin-user-details-v511141{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.admin-user-details-v511141 summary{cursor:pointer;font-weight:900}.admin-legal-settings-v511141{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.admin-legal-settings-v511141 textarea{min-height:120px}@media(max-width:1000px){.admin-account-info-grid-v511141,.admin-pro-account-state-v511141{grid-template-columns:1fr 1fr}.admin-user-head-v511141{grid-template-columns:auto 1fr}.admin-user-actions-top-v511141{grid-column:1/-1;justify-content:flex-start}}@media(max-width:700px){.admin-account-info-grid-v511141,.admin-pro-account-state-v511141{grid-template-columns:1fr}.admin-notif-card-v511141 div{display:block}}


/* V5.1.1.14.2 — Admin devise, notifications et professionnels */
.topbar-tools-v511142{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.admin-currency-selector-v511142{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 10px;box-shadow:var(--shadow-soft)}
.admin-currency-selector-v511142 span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}
.admin-currency-selector-v511142 select{border:0;background:transparent;font-weight:900;color:var(--ink);outline:0;min-width:78px}
.admin-notif-workflow-v511142{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#f8fafc;border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin:16px 0}
.admin-notif-workflow-v511142 strong{margin-right:8px}.admin-notif-workflow-v511142 span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 10px;font-weight:800;color:var(--muted)}
.admin-notif-section-v511142{margin-top:22px}.admin-notif-section-head-v511142{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:12px}.admin-notif-section-head-v511142 h3{margin:0}.admin-notif-section-head-v511142 p{margin:0;color:var(--muted);max-width:720px}
.admin-notif-list-v511142{display:grid;gap:12px}.admin-notif-card-v511142{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--border);border-radius:18px;padding:16px 18px;background:#fff}.admin-notif-card-v511142.unread{border-color:#fed7aa;background:#fffaf3}.admin-notif-main-v511142 strong{display:block;font-size:17px;margin-bottom:6px}.admin-notif-main-v511142 p{margin:0 0 8px;color:var(--ink)}.admin-notif-main-v511142 small{color:var(--muted);font-weight:700}.admin-notif-actions-v511142{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.admin-notif-tag-v511142{font-size:12px;font-weight:900;color:#9a3412;background:#ffedd5;border-radius:999px;padding:7px 10px;white-space:nowrap}
.admin-pro-control-grid-v511142{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.admin-pro-control-grid-v511142 article{border:1px solid var(--border);border-radius:20px;background:#fff;padding:18px;box-shadow:var(--shadow-soft)}.admin-pro-control-grid-v511142 h3{margin:0 0 8px;font-size:17px}.admin-pro-control-grid-v511142 p{color:var(--muted);min-height:54px}.admin-logo-card-v511142{grid-template-columns:minmax(0,1fr) 96px auto}.admin-logo-card-v511142 img{width:82px;height:82px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:16px;padding:8px}
@media(max-width:1100px){.admin-pro-control-grid-v511142{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-notif-card-v511142{grid-template-columns:1fr}.admin-notif-actions-v511142{justify-content:flex-start}}
@media(max-width:700px){.admin-pro-control-grid-v511142{grid-template-columns:1fr}.topbar-tools-v511142{justify-content:flex-start}.admin-currency-selector-v511142{width:100%;justify-content:space-between}}

/* V5.1.1.14.5 — capacité fret, devise paiement, agents admin */
.freight-capacity-v511145{border:1px solid #dbe4f0;border-radius:16px;padding:12px;margin:12px 0;background:#f8fbff}
.freight-capacity-head-v511145{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:800;color:#0f172a;margin-bottom:8px}
.freight-capacity-head-v511145 span{font-size:.86rem;color:#64748b}
.freight-capacity-bar-v511145{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:7px 0 10px}
.freight-capacity-bar-v511145 span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f97316)}
.freight-capacity-grid-v511145{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:.88rem;color:#475569}
.freight-capacity-grid-v511145 span{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px}
.freight-capacity-grid-v511145 b{display:block;color:#0f172a;margin-top:2px}
.admin-agents-page-v511145 .admin-agents-head-v511145{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.admin-agent-kpis-v511145{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.admin-agent-kpis-v511145 article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.admin-agent-kpis-v511145 span{display:block;color:#64748b;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.admin-agent-kpis-v511145 strong{font-size:1.7rem;color:#0f172a}.admin-role-help-v511145{border:1px solid #bfdbfe;background:#eff6ff;border-radius:18px;padding:14px;margin:14px 0}.admin-role-help-v511145>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}.admin-role-help-v511145 p{background:white;border:1px solid #dbeafe;border-radius:14px;padding:10px;margin:0}.admin-role-help-v511145 b{display:block;color:#0f172a}.admin-role-help-v511145 small{display:block;color:#64748b;margin-top:4px;line-height:1.3}.admin-agent-create-v511145{border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#fff;margin:14px 0}.admin-agent-create-v511145 summary{font-weight:900;cursor:pointer}.admin-agent-form-v511145{margin-top:12px}.admin-agent-note-v511145{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:12px 14px;margin:14px 0}.admin-agent-note-v511145 p{margin:4px 0 0}.admin-agent-list-v511145{display:grid;gap:12px;margin-top:14px}.admin-agent-card-v511145{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.admin-agent-card-main-v511145{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.admin-agent-card-v511145 h3{margin:0 0 6px}.admin-agent-card-v511145 p{margin:6px 0}.admin-agent-meta-v511145{display:grid;gap:6px;min-width:260px;background:#f8fafc;border-radius:14px;padding:10px}.admin-agent-meta-v511145 span{color:#64748b}.admin-agent-meta-v511145 b{color:#0f172a}.admin-agent-edit-v511145{margin-top:10px}.admin-agent-edit-v511145 summary{font-weight:800;cursor:pointer;color:#ea580c}
@media(max-width:900px){.freight-capacity-grid-v511145,.admin-agent-kpis-v511145,.admin-role-help-v511145>div{grid-template-columns:1fr 1fr}.admin-agent-card-main-v511145,.admin-agents-page-v511145 .admin-agents-head-v511145{display:block}.admin-agent-meta-v511145{min-width:0;margin-top:10px}}
@media(max-width:640px){.freight-capacity-grid-v511145,.admin-agent-kpis-v511145,.admin-role-help-v511145>div{grid-template-columns:1fr}}


/* FretPro Africa V5.1.1.14.6 — agents pliés, actions agent, annonces plus compactes. */
.admin-agent-create-v511146{
  border:1px solid #e6ebf2;
  border-radius:18px;
  background:#fff;
  margin:16px 0;
  padding:0;
  overflow:hidden;
}
.admin-agent-create-v511146 summary{
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:16px 18px;
  font-weight:950;
}
.admin-agent-create-v511146 summary small{
  color:#667085;
  font-weight:800;
}
.admin-agent-create-v511146 form{
  border-top:1px solid #eef2f7;
  padding:18px;
}
.admin-agent-card-v511146{
  border:1px solid #e6ebf2;
  border-radius:18px;
  background:#fff;
  padding:16px;
  box-shadow:0 10px 24px rgba(16,24,39,.035);
}
.admin-agent-card-v511146 + .admin-agent-card-v511146{margin-top:12px;}
.admin-agent-quick-actions-v511146{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 12px;
}
.admin-agent-quick-actions-v511146 form{margin:0;}
.btn.warning{background:#fff7ed!important;color:#b45309!important;border:1px solid #fed7aa!important;}
.btn.ok{background:#ecfdf3!important;color:#027a48!important;border:1px solid #b7ebc6!important;}
.btn.danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;}
.admin-role-help-v511145 p small{line-height:1.25;}

/* Annonces connectées plus compactes sans modifier les données. */
.listing-grid{gap:14px!important;}
.listing-grid .listing,
.listing-grid .freight-listing{
  padding:16px!important;
  border-radius:20px!important;
}
.listing-grid .listing h3{
  margin:8px 0 6px!important;
  font-size:20px!important;
  line-height:1.18!important;
}
.listing-grid .listing p{
  margin:7px 0!important;
  line-height:1.32!important;
}
.listing-grid .listing .listing-img{
  max-height:150px!important;
  border-radius:16px!important;
  margin:8px 0!important;
}
.freight-capacity-v511145{
  padding:10px!important;
  border-radius:14px!important;
  margin:8px 0!important;
}
.freight-capacity-stats-v511145{gap:6px!important;}
.freight-capacity-stats-v511145 span{
  padding:8px!important;
  border-radius:12px!important;
  font-size:12px!important;
}
@media(max-width:1200px){
  .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .listing-grid{grid-template-columns:1fr!important;}
  .admin-agent-create-v511146 summary{display:block;}
}

/* V5.1.1.14.8 — Agents reset propre / fiche agent / support client */
.admin-agents-page-v511148 .admin-agent-support-note-v511148{
  border:1px solid rgba(249,115,22,.22);
  background:linear-gradient(135deg,#fff7ed,#fff);
  border-radius:18px;
  padding:14px 16px;
  margin:16px 0;
}
.admin-agents-page-v511148 .admin-agent-support-note-v511148 p{margin:.35rem 0 0;color:#64748b;line-height:1.45}
.admin-agent-filters-v511148{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.admin-agent-list-v511148{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.admin-agent-card-v511148{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.admin-agent-card-row-v511148{display:flex;gap:14px;align-items:flex-start}
.admin-agent-photo-v511148,.admin-agent-photo-placeholder-v511148{width:74px;height:74px;border-radius:18px;object-fit:cover;flex:0 0 auto;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-weight:900;color:#64748b}
.admin-agent-contact-v511148{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}
.admin-agent-contact-v511148 span{font-size:.92rem;color:#64748b}.admin-agent-contact-v511148 b{display:block;color:#0f172a;word-break:break-word}.admin-agent-create-v511146 summary,.admin-agent-reset-v511147 summary{display:flex;gap:8px;align-items:center;justify-content:flex-start;cursor:pointer;padding:12px 0;font-weight:800}.admin-agent-create-v511146 summary small,.admin-agent-reset-v511147 summary small{font-weight:600;color:#64748b}.admin-agent-create-v511146 form,.admin-agent-reset-v511147 form{margin-top:12px}.admin-agent-kpis-v511145{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.admin-agent-contact-v511148{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-agent-kpis-v511145{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.admin-agent-card-row-v511148{flex-direction:column}.admin-agent-contact-v511148{grid-template-columns:1fr}}

/* V5.1.1.14.9 — Agents: affichage robuste après création */
.admin-agent-list-title-v511149{margin:18px 0 8px;font-size:1.05rem;font-weight:900;color:#0f172a}
.admin-agent-card-v511148.focused-agent-v511149{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.18),0 14px 34px rgba(15,23,42,.08)}
.admin-agent-filters-v511148 .btn{white-space:nowrap}
.admin-agent-card-v511148 .badge.warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}


/* V5.1.1.15 — patch inscription mobile, logo définitif et commissions compactes */
.fpa-brand-logo-img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain;object-position:left center}
.home-brand-v4310{min-width:0}.home-brand-v4310 .fpa-brand-logo-home{width:min(310px,38vw);max-height:78px}
.logo-img-link-v51115{display:flex!important;align-items:center!important;padding:10px 14px!important;min-height:68px!important;text-decoration:none!important}.logo-img-link-v51115 img{width:min(205px,82%);max-height:58px;object-fit:contain}.brand-logo-link-v51115{display:inline-flex!important;align-items:center!important;width:min(310px,70vw)!important;height:auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.brand-logo-link-v51115 img{width:100%;height:auto;object-fit:contain}.brand-logo-link-v51115::before{display:none!important}
.pro-status-emblem-v51115{display:flex;align-items:center;gap:8px;min-width:118px;min-height:92px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a;border:1px solid #cbd5e1;box-shadow:0 10px 22px rgba(15,23,42,.08)}.pro-status-emblem-v51115 b{font-size:1.35rem;letter-spacing:-.05em;background:#0f172a;color:#fff;border-radius:12px;padding:6px 7px;line-height:1}.pro-status-emblem-v51115 small{font-weight:950;line-height:1.08;color:#334155}
.auth-panel-v4310.is-open,.auth-panel.is-open,.auth-card.auth-panel.is-open{overscroll-behavior:contain;touch-action:pan-y}.auth-panel-v4310.is-open .tab-panel{padding-bottom:max(72px,env(safe-area-inset-bottom))}.register-form-v51115{gap:12px!important}.register-section-v51115{padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff}.register-section-v51115 h3{margin:0 0 10px;font-size:1rem;letter-spacing:-.02em}.register-form-v51115 label{gap:5px}.register-form-v51115 input,.register-form-v51115 select,.register-form-v51115 textarea{min-height:44px;padding:12px 14px;border-radius:14px}.register-form-v51115 textarea{min-height:82px}.register-pro-fields-v51115{border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:12px;background:#f8fafc}.register-pro-fields-v51115 summary{cursor:pointer;font-weight:950}.register-terms-v51115{font-size:.92rem}.register-submit-v51115{width:100%;min-height:50px;margin-bottom:max(18px,env(safe-area-inset-bottom))}
.premium-offer-box-v51115{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:16px;align-items:center;border:1px solid rgba(249,115,22,.18)!important;background:linear-gradient(135deg,#fff7ed,#fff)!important;border-radius:22px!important;padding:18px!important}.premium-offer-head-v51115 span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#0f172a;color:#fff;font-weight:950;font-size:.75rem;text-transform:uppercase}.premium-offer-head-v51115 h3{margin:8px 0 6px}.premium-offer-head-v51115 p{margin:0}.premium-plan-actions-v51115{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.premium-plan-actions-v51115 .btn{display:grid!important;gap:2px;border-radius:16px!important;padding:12px!important;white-space:normal}.premium-plan-actions-v51115 small{font-weight:800;opacity:.82}
.comm-settings-form-v51115{display:block}.comm-savebar-v51115{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(15,23,42,.08);margin:10px 0 14px}.comm-savebar-v51115.bottom{position:static;box-shadow:none}.comm-savebar-v51115 small{display:block;color:#64748b;font-weight:800}.comm-savebar-v51115>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.comm-section-v51115{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:14px;margin:12px 0}.comm-section-v51115 h3{margin:0 0 10px}.comm-section-head-v51115{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.comm-section-head-v51115 p{margin:4px 0 0}.comm-role-matrix-v51131{margin:10px 0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.comm-role-matrix-v51131 summary{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;background:#f8fafc;cursor:pointer}.comm-role-matrix-v51131 summary span{font-size:.8rem;color:#64748b;font-weight:900}.comm-rule-grid-v51129{display:grid;grid-template-columns:minmax(210px,1.4fr) 130px 110px 105px 160px 140px minmax(180px,1fr) auto;gap:8px;align-items:end;padding:10px 12px;border-top:1px solid #edf2f7}.comm-rule-grid-v51129 label{min-width:0}.comm-rule-grid-v51129 input,.comm-rule-grid-v51129 select{min-height:38px;padding:8px 10px;border-radius:10px}.comm-row-actions-v51115{display:flex;gap:6px;flex-wrap:wrap}.comm-filter-compact-v51115{display:grid!important;grid-template-columns:minmax(170px,1.2fr) repeat(5,minmax(110px,.8fr)) auto auto;gap:8px!important;align-items:end}.comm-filter-compact-v51115 input,.comm-filter-compact-v51115 select{min-height:38px;padding:8px 10px;border-radius:10px}.settings-card-v5 .check{margin:8px 0}.admin-pro-account-state-v511141{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
@media(max-width:820px){.home-brand-v4310 .fpa-brand-logo-home{width:min(250px,58vw);max-height:62px}.home-final-header-v44211{align-items:center}.logo-img-link-v51115 img{width:180px}.premium-offer-box-v51115{grid-template-columns:1fr}.premium-plan-actions-v51115{grid-template-columns:1fr}.comm-savebar-v51115{position:static;display:grid}.comm-section-head-v51115{display:grid}.comm-rule-grid-v51129{grid-template-columns:1fr 1fr}.comm-rule-grid-v51129 label:first-child{grid-column:1/-1}.comm-row-actions-v51115{grid-column:1/-1}.comm-filter-compact-v51115{grid-template-columns:1fr 1fr!important}.comm-filter-compact-v51115 .btn{width:100%}.auth-panel-v4310.is-open,.auth-panel.is-open,.auth-card.auth-panel.is-open{width:calc(100vw - 12px)!important;top:max(6px,env(safe-area-inset-top))!important;bottom:max(6px,env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 12px)!important;border-radius:20px!important;padding:10px!important}.auth-panel-v4310.is-open .tabs{margin:-2px -2px 8px}.auth-panel-v4310.is-open .tab-panel{padding:14px 8px 90px!important}.register-section-v51115{padding:10px;border-radius:16px}.register-form-v51115 .grid.two,.register-form-v51115 .grid.three{grid-template-columns:1fr!important;gap:10px}.register-form-v51115 input,.register-form-v51115 select,.register-form-v51115 textarea{min-height:42px;padding:10px 12px}.register-files-v51115 input[type=file]{padding:10px;background:#fff}.register-submit-v51115{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:8;box-shadow:0 12px 30px rgba(239,90,26,.28)}}
@media(max-width:480px){.home-brand-v4310 .fpa-brand-logo-home{width:min(215px,66vw);max-height:52px}.home-final-nav-v44211{gap:7px}.comm-rule-grid-v51129,.comm-filter-compact-v51115{grid-template-columns:1fr!important}.brand-logo-link-v51115{width:min(250px,78vw)!important}.pro-dashboard-right-v511133{grid-template-columns:1fr!important}.pro-status-emblem-v51115,.pro-premium-emblem-v511133{min-height:auto}}


/* V5.1.1.16 — correctif mobile inscription : le bouton ne flotte plus sur les champs. */
.auth-panel-v4310.is-open,
.auth-panel.is-open,
.auth-card.auth-panel.is-open{
  -webkit-overflow-scrolling:touch;
  overflow-y:auto;
}
@media(max-width:820px){
  .auth-panel-v4310.is-open,
  .auth-panel.is-open,
  .auth-card.auth-panel.is-open{
    display:block!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .auth-panel-v4310.is-open .tab-panel,
  .auth-panel.is-open .tab-panel,
  .auth-card.auth-panel.is-open .tab-panel{
    padding-bottom:calc(34px + env(safe-area-inset-bottom))!important;
  }
  .register-submit-v51115{
    position:static!important;
    bottom:auto!important;
    z-index:auto!important;
    width:100%!important;
    margin-top:12px!important;
    margin-bottom:calc(30px + env(safe-area-inset-bottom))!important;
    box-shadow:none!important;
  }
}


/* V5.1.1.19 — correctif panneau connexion/inscription mobile + devise admin compacte.
   Problème corrigé : l'ancien transform translate(-50%,-50%) restait actif sur mobile,
   ce qui remontait le panneau hors écran et cachait les champs email/mot de passe. */
@media (max-width: 820px) {
  .auth-panel-v4310.is-open,
  .auth-panel.is-open,
  .auth-card.auth-panel.is-open {
    position: fixed !important;
    left: max(6px, env(safe-area-inset-left)) !important;
    right: max(6px, env(safe-area-inset-right)) !important;
    top: max(6px, env(safe-area-inset-top)) !important;
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    margin: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }
  .auth-panel-v4310.is-open .tabs,
  .auth-panel.is-open .tabs,
  .auth-card.auth-panel.is-open .tabs {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    background: #fff !important;
    padding: 0 0 8px !important;
    margin: 0 0 8px !important;
  }
  .auth-panel-v4310.is-open .tab-panel,
  .auth-panel.is-open .tab-panel,
  .auth-card.auth-panel.is-open .tab-panel {
    padding: 8px 4px calc(42px + env(safe-area-inset-bottom)) !important;
  }
  .auth-panel-v4310.is-open #login form,
  .auth-panel.is-open #login form,
  .auth-card.auth-panel.is-open #login form {
    display: grid !important;
    gap: 10px !important;
  }
  .auth-panel-v4310.is-open #login input,
  .auth-panel.is-open #login input,
  .auth-card.auth-panel.is-open #login input {
    min-height: 44px !important;
  }
  .social-auth-v5 {
    margin-top: 12px !important;
    padding: 12px !important;
  }
}

/* Admin : sélecteur devise rendu compact, au format pastille proche des icônes/cloches. */
.topbar-tools-v511142 {
  flex-wrap: nowrap !important;
  gap: 8px !important;
}
.admin-currency-selector-v511142 {
  height: 46px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 118px !important;
  padding: 0 10px !important;
  gap: 4px !important;
  box-shadow: 0 10px 26px rgba(16,24,39,.08) !important;
}
.admin-currency-selector-v511142 span {
  display: none !important;
}
.admin-currency-selector-v511142 select {
  min-width: 58px !important;
  width: 58px !important;
  max-width: 58px !important;
  font-size: 13px !important;
  padding: 0 !important;
}
@media (max-width: 700px) {
  .topbar-tools-v511142 {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
  .admin-currency-selector-v511142 {
    width: 58px !important;
    height: 42px !important;
    padding: 0 6px !important;
    justify-content: center !important;
  }
  .admin-currency-selector-v511142 select {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    font-size: 12px !important;
  }
}

/* V5.1.1.20 — Logo FretPro Africa visible sur fonds sombres admin.
   Traitement réservé à l'administration : capsule premium + contour lumineux discret.
   Le logo public sur fond clair reste inchangé. */
.admin-body .admin-sidebar-logo-link-v51120,
.admin-body .admin-dark-logo-link-v51120 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 20% 25%, rgba(255,255,255,.18), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 0 0 1px rgba(10,19,37,.32),
    0 14px 32px rgba(0,0,0,.28),
    0 0 22px rgba(45,212,191,.13),
    0 0 18px rgba(249,115,22,.10) !important;
  overflow: hidden !important;
}
.admin-body .admin-sidebar-logo-link-v51120 img,
.admin-body .admin-dark-logo-link-v51120 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.70))
    drop-shadow(0 0 8px rgba(45,212,191,.20))
    drop-shadow(0 0 10px rgba(249,115,22,.14)) !important;
}
.sidebar.admin .admin-sidebar-logo-link-v51120 {
  width: calc(100% - 22px) !important;
  min-height: 78px !important;
  margin: 12px 11px 16px !important;
  padding: 10px 12px !important;
}
.sidebar.admin .admin-sidebar-logo-link-v51120 img {
  max-width: 212px !important;
  max-height: 58px !important;
}
.admin-body .auth-hero .admin-dark-logo-link-v51120 {
  width: min(330px, 78vw) !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
}
.admin-body .auth-hero .admin-dark-logo-link-v51120 img {
  max-height: 74px !important;
}

/* Admin : devise encore plus compacte, proche des icônes cloche/message. */
.admin-body .admin-currency-selector-v511142 {
  width: 56px !important;
  max-width: 56px !important;
  min-width: 56px !important;
  height: 42px !important;
  padding: 0 5px !important;
  justify-content: center !important;
  border-radius: 999px !important;
}
.admin-body .admin-currency-selector-v511142 select {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  font-size: 11px !important;
  text-align: center !important;
}
@media (max-width: 820px) {
  .sidebar.admin .admin-sidebar-logo-link-v51120 {
    min-height: 70px !important;
    margin: 10px 10px 14px !important;
    padding: 9px 10px !important;
  }
  .sidebar.admin .admin-sidebar-logo-link-v51120 img {
    max-width: 190px !important;
    max-height: 52px !important;
  }
  .admin-body .auth-hero .admin-dark-logo-link-v51120 {
    width: min(285px, 82vw) !important;
    padding: 10px 13px !important;
  }
}


/* V5.1.1.21 — Lisibilité logo sur tableaux de bord sombres (utilisateur / pro) + logo admin d'entrée plus premium. */
.sidebar.sidebar-v5 .logo-img-link-v51115{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 22px)!important;
  min-height:84px!important;
  margin:12px 11px 16px!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 18% 25%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.26),
    0 0 18px rgba(45,212,191,.10),
    0 0 14px rgba(249,115,22,.09)!important;
  overflow:hidden!important;
}
.sidebar.sidebar-v5 .logo-img-link-v51115 img{
  display:block!important;
  width:min(228px,88%)!important;
  max-width:228px!important;
  max-height:62px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.65))
    drop-shadow(0 0 7px rgba(45,212,191,.18))
    drop-shadow(0 0 9px rgba(249,115,22,.13))!important;
}
.sidebar.sidebar-v5 .user-mini{margin-top:2px!important}

/* Variante renforcée pour le compte utilisateur / professionnel sur fond sombre */
.sidebar.sidebar-v5 .logo-img-link-v51115::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.sidebar.sidebar-v5 .logo-img-link-v51115{position:relative!important}

/* Admin : rendre le logo d'entrée plus grand, plus premium et plus lisible. */
.admin-body .auth-hero .admin-dark-logo-link-v51120{
  width:min(400px,88vw)!important;
  padding:16px 20px!important;
  border-radius:22px!important;
  margin-bottom:20px!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 16px 38px rgba(0,0,0,.34),
    0 0 28px rgba(45,212,191,.14),
    0 0 24px rgba(249,115,22,.12)!important;
}
.admin-body .auth-hero .admin-dark-logo-link-v51120 img{
  max-height:92px!important;
}
.admin-body .auth-hero h1{max-width:540px}
.admin-body .auth-hero p{max-width:560px}

/* Admin sidebar : un peu plus imposant aussi */
.sidebar.admin .admin-sidebar-logo-link-v51120{
  min-height:88px!important;
  padding:12px 14px!important;
}
.sidebar.admin .admin-sidebar-logo-link-v51120 img{
  max-width:238px!important;
  max-height:66px!important;
}

@media (max-width: 820px){
  .sidebar.sidebar-v5 .logo-img-link-v51115{
    min-height:74px!important;
    margin:10px 10px 14px!important;
    padding:10px 12px!important;
  }
  .sidebar.sidebar-v5 .logo-img-link-v51115 img{
    width:min(198px,84%)!important;
    max-width:198px!important;
    max-height:54px!important;
  }
  .admin-body .auth-hero .admin-dark-logo-link-v51120{
    width:min(320px,86vw)!important;
    padding:12px 14px!important;
  }
  .admin-body .auth-hero .admin-dark-logo-link-v51120 img{
    max-height:76px!important;
  }
  .sidebar.admin .admin-sidebar-logo-link-v51120{
    min-height:76px!important;
    padding:10px 12px!important;
  }
  .sidebar.admin .admin-sidebar-logo-link-v51120 img{
    max-width:204px!important;
    max-height:56px!important;
  }
}


/* V5.1.1.26 — Détail commissions séparé + interface 100 % française + voyant connecté. */
.admin-sidebar-identity-v51124 .connected-label-v51126,
.admin-sidebar-identity-v51124 > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.admin-sidebar-identity-v51124 .connected-label-v51126::before,
.admin-sidebar-identity-v51124 > span::before{
  content:""!important;
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.18),0 0 12px rgba(34,197,94,.45)!important;
  flex:0 0 auto!important;
}
.agent-comm-details-v51126{max-width:1180px}
.comm-details-head-v51126{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.comm-details-filter-v51126{
  margin:14px 0!important;
}
.commission-detail-list-v51126{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.commission-detail-card-v51126{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:20px;
  padding:16px;
  box-shadow:0 10px 30px rgba(15,23,42,.05);
}
.commission-detail-title-v51126{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:10px;
}
.commission-detail-title-v51126 strong{
  display:block;
  font-size:18px;
  color:#111827;
}
.commission-detail-title-v51126 small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-weight:800;
}
.commission-detail-amount-v51126{
  display:inline-flex;
  margin:4px 0 12px;
  border-radius:999px;
  background:#ecfdf3;
  border:1px solid #bbf7d0;
  color:#166534;
  padding:8px 12px;
  font-weight:950;
  font-size:18px;
}
.commission-detail-grid-v51126{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.commission-detail-grid-v51126 div{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:14px;
  padding:10px;
}
.commission-detail-grid-v51126 span{
  display:block;
  color:#64748b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:950;
  margin-bottom:4px;
}
.commission-detail-grid-v51126 strong{
  display:block;
  color:#111827;
  font-size:14px;
}
.commission-detail-grid-v51126 small{
  display:block;
  margin-top:4px;
  color:#64748b;
}
.commission-history-v51126{
  margin-top:12px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:14px;
  padding:10px 12px;
}
.commission-history-v51126 summary{
  cursor:pointer;
  font-weight:950;
}
.commission-action-form-v51126{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;
  gap:8px;
  align-items:end;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e5e7eb;
}
.commission-action-form-v51126 label{
  margin:0;
}
@media(max-width:820px){
  .comm-details-head-v51126{
    display:grid;
  }
  .commission-detail-grid-v51126{
    grid-template-columns:1fr 1fr;
  }
  .commission-action-form-v51126{
    grid-template-columns:1fr;
  }
}
@media(max-width:520px){
  .commission-detail-grid-v51126{
    grid-template-columns:1fr;
  }
  .commission-detail-title-v51126{
    display:grid;
  }
}


/* V5.1.1.27 — Refonte propre tableau de bord + profil utilisateur/pro. */
.dashboard-clean-v51127,
.profile-clean-v51127{
  display:grid;
  gap:18px;
  max-width:1160px;
}
.dash-hero-v51127,
.profile-hero-v51127{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:16px;
  align-items:stretch;
  border:1px solid #e5e7eb;
  background:
    radial-gradient(circle at 12% 15%, rgba(242,107,34,.10), transparent 30%),
    linear-gradient(135deg,#ffffff,#f8fafc);
  border-radius:28px;
  padding:20px;
  box-shadow:0 18px 50px rgba(15,23,42,.06);
}
.dash-person-v51127,
.profile-identity-v51127{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.dash-avatar-v51127,
.profile-avatar-v51127{
  width:86px;
  height:86px;
  border-radius:24px;
  object-fit:cover;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 12px 26px rgba(15,23,42,.08);
  flex:0 0 auto;
}
.dash-avatar-v51127.placeholder,
.profile-avatar-v51127.placeholder{
  display:grid;
  place-items:center;
  font-size:32px;
  font-weight:950;
  color:#f26b22;
  background:#fff7ed;
}
.dash-eyebrow-v51127{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#ecfdf3;
  color:#166534;
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:8px;
}
.dash-person-v51127 h2,
.profile-identity-v51127 h2{
  margin:0;
  font-size:clamp(26px,4vw,44px);
  line-height:.98;
  letter-spacing:-.05em;
  color:#111827;
}
.profile-identity-v51127 p,
.dash-person-v51127 p{
  margin:8px 0 0;
  color:#64748b;
  font-weight:800;
}
.profile-badges-v51127{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.dash-status-card-v51127,
.profile-score-v51127{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:24px;
  padding:16px;
  box-shadow:0 14px 34px rgba(15,23,42,.05);
  align-self:stretch;
}
.dash-status-card-v51127 span,
.profile-score-v51127 span{
  display:block;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
  font-weight:950;
}
.dash-status-card-v51127 strong,
.profile-score-v51127 strong{
  display:block;
  font-size:38px;
  line-height:1;
  margin:8px 0;
  color:#111827;
}
.dash-status-card-v51127 small,
.profile-score-v51127 small{
  display:block;
  color:#64748b;
  font-weight:800;
}
.dash-status-card-v51127 a{
  display:inline-flex;
  margin-top:12px;
  font-weight:950;
  color:#ea580c;
}
.dash-progress-v51127{
  height:10px;
  border-radius:999px;
  background:#e5e7eb;
  overflow:hidden;
  margin:10px 0;
}
.dash-progress-v51127 i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#f26b22,#14b86a);
}
.dash-section-head-v51127{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.dash-section-head-v51127 h3,
.dash-panel-v51127 h3,
.profile-info-grid-v51127 h3{
  margin:0;
  color:#111827;
  letter-spacing:-.03em;
}
.dash-section-head-v51127 p{
  margin:4px 0 0;
  color:#64748b;
  font-weight:750;
}
.dash-summary-v51127{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.dash-metric-v51127{
  display:grid;
  gap:6px;
  min-height:112px;
  padding:16px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:22px;
  text-decoration:none;
  color:#111827;
  box-shadow:0 12px 30px rgba(15,23,42,.04);
}
.dash-metric-v51127 span{
  color:#64748b;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.dash-metric-v51127 strong{
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.dash-metric-v51127 small{
  color:#64748b;
  font-weight:800;
}
.dash-metric-v51127:hover,
.dash-action-v51127:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(15,23,42,.08);
}
.dash-two-col-v51127{
  display:grid;
  grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
  gap:14px;
}
.dash-panel-v51127{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:24px;
  padding:18px;
  box-shadow:0 12px 30px rgba(15,23,42,.04);
}
.dash-panel-v51127 p{
  color:#64748b;
  font-weight:750;
  line-height:1.45;
}
.dash-actions-grid-v51127{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.dash-action-v51127{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px solid #e5e7eb;
  background:#f8fafc;
  border-radius:18px;
  text-decoration:none;
  color:#111827;
}
.dash-action-v51127 strong{
  font-size:15px;
}
.dash-action-v51127 small{
  color:#64748b;
  font-weight:750;
}
.pro-status-clean-v51127{
  display:grid;
  gap:3px;
  padding:14px;
  border-radius:18px;
  background:#0f172a;
  color:#fff;
  margin:10px 0;
}
.pro-status-clean-v51127 span{
  color:#cbd5e1;
  font-weight:750;
}

/* Profil propre */
.verification-clean-v51127{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.verification-clean-v51127 span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:9px 12px;
  font-weight:950;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#475569;
}
.verification-clean-v51127 span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f59e0b;
}
.verification-clean-v51127 span.ok{
  background:#ecfdf3;
  border-color:#bbf7d0;
  color:#166534;
}
.verification-clean-v51127 span.ok::before{
  background:#22c55e;
}
.profile-info-grid-v51127{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.profile-info-grid-v51127 article,
.profile-edit-panel-v51127{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:24px;
  padding:18px;
  box-shadow:0 12px 30px rgba(15,23,42,.04);
}
.profile-info-grid-v51127 article.profile-pro-block-v51127{
  grid-column:span 1;
}
.profile-kv-v51127{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:12px;
  align-items:start;
  border-top:1px solid #f1f5f9;
  padding-top:10px;
  margin:10px 0 0;
}
.profile-kv-v51127 span{
  color:#64748b;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.profile-kv-v51127 strong{
  color:#111827;
  font-weight:900;
  line-height:1.25;
  word-break:break-word;
}
.profile-company-logo-clean-v51127{
  width:92px;
  height:92px;
  border-radius:22px;
  object-fit:contain;
  background:#fff;
  border:1px solid #e5e7eb;
  padding:8px;
  margin:8px 0 12px;
}
.profile-edit-panel-v51127 details{
  border:1px solid #e5e7eb!important;
  background:#f8fafc!important;
  border-radius:20px!important;
  padding:12px!important;
  margin:0 0 12px!important;
}
.profile-edit-panel-v51127 details:last-child{
  margin-bottom:0!important;
}
.profile-edit-panel-v51127 summary{
  font-weight:950;
  cursor:pointer;
  font-size:17px;
}
.profile-edit-panel-v51127 form{
  margin-top:14px;
}
@media(max-width:980px){
  .dash-summary-v51127{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dash-hero-v51127,
  .profile-hero-v51127,
  .dash-two-col-v51127{
    grid-template-columns:1fr;
  }
  .profile-info-grid-v51127{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  .dashboard-clean-v51127,
  .profile-clean-v51127{
    gap:14px;
  }
  .dash-hero-v51127,
  .profile-hero-v51127{
    padding:14px;
    border-radius:22px;
  }
  .dash-person-v51127,
  .profile-identity-v51127{
    align-items:flex-start;
  }
  .dash-avatar-v51127,
  .profile-avatar-v51127{
    width:68px;
    height:68px;
    border-radius:20px;
  }
  .dash-summary-v51127,
  .dash-actions-grid-v51127{
    grid-template-columns:1fr;
  }
  .dash-metric-v51127{
    min-height:auto;
  }
  .profile-kv-v51127{
    grid-template-columns:1fr;
    gap:4px;
  }
  .verification-clean-v51127{
    display:grid;
  }
}

/* V5.1.1.28 — Administration statistiques connectés, compact premium */
.admin-live-analytics-v51128,
.admin-live-table-panel-v51128{
  background:linear-gradient(135deg,#07111f 0%,#0b1220 55%,#0d1726 100%) !important;
  color:#e5eefc !important;
  border:1px solid rgba(148,163,184,.18) !important;
  box-shadow:0 18px 45px rgba(2,6,23,.20) !important;
  border-radius:22px !important;
  overflow:hidden;
}
.admin-live-analytics-v51128 h2,.admin-live-analytics-v51128 h3,
.admin-live-table-panel-v51128 h2,.admin-live-table-panel-v51128 h3{color:#fff!important;margin:0}
.admin-live-analytics-v51128 p,.admin-live-table-panel-v51128 p{color:#94a3b8!important;margin:4px 0 0}
.live-head-v51128{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.live-kpis-v51128{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.live-kpis-v51128 article{min-height:104px;border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.80);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.live-kpis-v51128 article span{font-size:12px;font-weight:850;color:#cbd5e1;line-height:1.2}
.live-kpis-v51128 article strong{font-size:32px;line-height:1;color:#fff;font-weight:950;letter-spacing:-.04em}
.live-kpis-v51128 article small{font-size:11px;color:#94a3b8;font-weight:750}
.live-purple{background:linear-gradient(135deg,rgba(124,58,237,.30),rgba(15,23,42,.86))!important;border-color:rgba(124,58,237,.38)!important}
.live-blue{background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(15,23,42,.86))!important;border-color:rgba(37,99,235,.35)!important}
.live-green{background:linear-gradient(135deg,rgba(16,185,129,.24),rgba(15,23,42,.86))!important;border-color:rgba(16,185,129,.32)!important}
.live-orange{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(15,23,42,.86))!important;border-color:rgba(245,158,11,.35)!important}
.live-violet{background:linear-gradient(135deg,rgba(109,40,217,.24),rgba(15,23,42,.86))!important;border-color:rgba(109,40,217,.35)!important}
.live-gray{background:linear-gradient(135deg,rgba(100,116,139,.24),rgba(15,23,42,.86))!important;border-color:rgba(100,116,139,.35)!important}
.live-cyan{background:linear-gradient(135deg,rgba(6,182,212,.25),rgba(15,23,42,.86))!important;border-color:rgba(6,182,212,.35)!important}
.live-grid-v51128{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:12px;margin-top:12px}
.live-chart-v51128,.live-list-v51128{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.58);border-radius:18px;padding:14px;min-width:0}
.live-bars-v51128{height:230px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;margin-top:12px;border-top:1px solid rgba(148,163,184,.12);padding-top:12px}
.live-bars-v51128 div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;color:#94a3b8;font-size:11px;min-width:0}
.live-bars-v51128 i{display:block;width:100%;max-width:42px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#8b5cf6,#06b6d4);box-shadow:0 0 18px rgba(139,92,246,.25)}
.live-bars-v51128 b{color:#fff;font-size:12px}.live-bars-v51128 span{white-space:nowrap;color:#94a3b8}
.live-mini-row-v51128{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.12)}
.live-mini-row-v51128 strong{color:#fff;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-mini-row-v51128 em{font-style:normal;color:#94a3b8;font-size:12px;text-align:right}.live-mini-row-v51128 small{grid-column:2 / 4;color:#64748b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10)}
.live-table-wrap-v51128{overflow:auto;border-radius:16px;border:1px solid rgba(148,163,184,.14)}
.live-table-v51128{width:100%;border-collapse:collapse;min-width:860px;background:rgba(15,23,42,.45)}
.live-table-v51128 th,.live-table-v51128 td{padding:11px 12px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;color:#dbeafe;font-size:13px;vertical-align:middle}
.live-table-v51128 th{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:rgba(15,23,42,.72)}
.live-table-v51128 td small{display:block;color:#94a3b8;margin-top:2px}.live-table-v51128 tr:last-child td{border-bottom:0}
.live-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;background:rgba(148,163,184,.18);color:#e2e8f0}.live-pill.role-particulier{background:rgba(37,99,235,.22);color:#bfdbfe}.live-pill.role-professionnel{background:rgba(16,185,129,.20);color:#bbf7d0}.live-pill.role-transitaire{background:rgba(14,165,233,.20);color:#bae6fd}.live-pill.role-agent{background:rgba(245,158,11,.20);color:#fde68a}.live-pill.role-admin{background:rgba(139,92,246,.24);color:#ddd6fe}.live-pill.role-visiteur{background:rgba(100,116,139,.24);color:#e2e8f0}
.admin-sidebar-identity-v51124{position:relative}.admin-sidebar-identity-v51124 .connected-label-v51126:before{content:'';display:inline-block;width:8px;height:8px;border-radius:999px;background:#22c55e;margin-right:7px;box-shadow:0 0 0 4px rgba(34,197,94,.12);vertical-align:middle}.admin-sidebar-identity-v51124 .connected-label-v51126{font-size:12px!important;line-height:1.1!important;font-weight:850!important;color:#bbf7d0!important;text-transform:none!important;letter-spacing:0!important}.admin-sidebar-identity-v51124 strong{font-size:16px!important;line-height:1.2!important}.admin-sidebar-identity-v51124 small{font-size:12px!important;line-height:1.35!important;word-break:break-word}
@media(max-width:1180px){.live-kpis-v51128{grid-template-columns:repeat(4,minmax(0,1fr))}.live-grid-v51128{grid-template-columns:1fr}}
@media(max-width:760px){.live-head-v51128{flex-direction:column}.live-kpis-v51128{grid-template-columns:repeat(2,minmax(0,1fr))}.live-kpis-v51128 article{min-height:92px;padding:12px}.live-kpis-v51128 article strong{font-size:28px}.live-bars-v51128{height:180px;gap:8px}.admin-live-analytics-v51128,.admin-live-table-panel-v51128{border-radius:18px!important}}

/* V5.1.1.32 — correctifs ciblés : sidebar connectée + avatars/live sessions */
.admin-sidebar-identity-v51132{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px!important;
  min-height:0!important;
}
.admin-sidebar-avatarwrap-v51132{width:34px!important;height:34px!important;position:relative!important;display:block!important}
.admin-sidebar-avatar-v51132{width:34px!important;height:34px!important;border-radius:999px!important;object-fit:cover!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;border:1px solid rgba(255,255,255,.18)!important;background:#1f2937!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1!important}
.admin-sidebar-avatar-empty-v51132{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
.admin-sidebar-avatarwrap-v51132:after{content:''!important;position:absolute!important;left:-2px!important;bottom:1px!important;width:9px!important;height:9px!important;border-radius:999px!important;background:#22c55e!important;border:2px solid #0f172a!important;box-shadow:0 0 0 3px rgba(34,197,94,.16)!important}
.admin-sidebar-text-v51132{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;line-height:1.15!important;overflow:hidden!important}
.admin-sidebar-identity-v51132 .connected-label-v51126{display:block!important;font-size:10px!important;line-height:1.05!important;font-weight:900!important;color:#86efac!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important}
.admin-sidebar-identity-v51132 .connected-label-v51126:before{display:none!important;content:none!important}
.admin-sidebar-identity-v51132 strong{display:block!important;font-size:13px!important;line-height:1.15!important;font-weight:900!important;color:#fff!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.admin-sidebar-identity-v51132 small{display:block!important;font-size:10.5px!important;line-height:1.2!important;color:#cbd5e1!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;max-width:100%!important}
.admin-sidebar-email-v51132{color:#94a3b8!important}
@media(max-width:760px){
  .admin-sidebar-identity-v51132{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;padding:9px 8px!important}
  .admin-sidebar-avatarwrap-v51132,.admin-sidebar-avatar-v51132{width:30px!important;height:30px!important;font-size:12px!important}
  .admin-sidebar-identity-v51132 strong{font-size:12.5px!important}
  .admin-sidebar-identity-v51132 small{font-size:10px!important}
}
.live-user-cell-v51132{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.live-user-cell-v51132>div{min-width:0!important}.live-user-cell-v51132 strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.live-user-cell-v51132 small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:220px!important}
.live-avatar-v51132{width:36px!important;height:36px!important;border-radius:999px!important;object-fit:cover!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;background:#334155!important;color:#fff!important;font-size:13px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.16)!important}
.live-avatar-empty-v51132.role-professionnel{background:#064e3b!important}.live-avatar-empty-v51132.role-transitaire{background:#075985!important}.live-avatar-empty-v51132.role-particulier{background:#1e3a8a!important}.live-avatar-empty-v51132.role-agent{background:#92400e!important}.live-avatar-empty-v51132.role-admin{background:#5b21b6!important}.live-avatar-empty-v51132.role-visiteur{background:#334155!important}
.live-mini-row-v51128{grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important}
.live-avatar-mini-v51132{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:12px!important}
.live-mini-row-v51128 small{grid-column:2 / 4!important}

/* V5.1.1.33 — correctif ciblé sidebar admin/mobile : aucun remplacement par photo */
.admin-sidebar-identity-v51124.admin-sidebar-identity-v51133{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:3px!important;
  padding:10px 12px!important;
  min-height:0!important;
  overflow:hidden!important;
}
.admin-sidebar-identity-v51124.admin-sidebar-identity-v51133 img,
.sidebar .admin-sidebar-identity-v51124.admin-sidebar-identity-v51133 img{
  display:none!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
}
.admin-sidebar-identity-v51133 .connected-label-v51126{
  display:block!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#86efac!important;
  margin:0!important;
  white-space:nowrap!important;
}
.admin-sidebar-identity-v51133 .connected-label-v51126:before{
  content:''!important;
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  margin-right:7px!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.12)!important;
  vertical-align:middle!important;
}
.admin-sidebar-identity-v51133 strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#fff!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-sidebar-identity-v51133 small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:10.5px!important;
  line-height:1.22!important;
  color:#cbd5e1!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
}
.admin-sidebar-email-v51133{color:#94a3b8!important}
@media(max-width:760px){
  .admin-sidebar-identity-v51124.admin-sidebar-identity-v51133{padding:9px 10px!important;gap:3px!important}
  .admin-sidebar-identity-v51133 strong{font-size:13px!important}
  .admin-sidebar-identity-v51133 small{font-size:10px!important}
}


/* V5.1.1.34 — correctif ciblé : sidebar lisible + avatars live protégés.
   Périmètre : admin sidebar et page Statistiques connectés uniquement. */
.admin-sidebar-identity-v51134,
.sidebar .admin-sidebar-identity-v51134{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  padding:9px 10px!important;
  min-height:0!important;
  overflow:hidden!important;
}
.admin-sidebar-identity-v51134 .connected-label-v51126{
  display:block!important;
  width:100%!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#86efac!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-sidebar-identity-v51134 .connected-label-v51126:before{
  content:''!important;
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  margin-right:7px!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.12)!important;
  vertical-align:middle!important;
}
.admin-sidebar-identity-v51134 strong,
.admin-sidebar-identity-v51134 small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
}
.admin-sidebar-identity-v51134 strong{font-size:13px!important;line-height:1.15!important;font-weight:900!important;color:#fff!important}
.admin-sidebar-identity-v51134 small{font-size:10px!important;line-height:1.2!important;color:#cbd5e1!important}
.admin-sidebar-identity-v51134 .admin-sidebar-email-v51134{color:#94a3b8!important}
.admin-sidebar-identity-v51134 img{display:none!important}

.admin-live-analytics-v51128 img,
.admin-live-table-panel-v51128 img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  object-fit:cover!important;
  border-radius:999px!important;
  display:inline-block!important;
  vertical-align:middle!important;
}
.live-avatar-safe-v51134,
.live-avatar-v51132{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  object-fit:cover!important;
}
.live-avatar-mini-v51132,
.live-mini-row-v51128 .live-avatar-safe-v51134{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  flex:0 0 30px!important;
}
.live-mini-row-v51128{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
.live-mini-row-v51128 strong,
.live-mini-row-v51128 em,
.live-mini-row-v51128 small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.live-mini-row-v51128 em,
.live-mini-row-v51128 small{
  grid-column:2!important;
  display:block!important;
  white-space:nowrap!important;
}
.live-user-cell-v51132{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
@media(max-width:760px){
  .admin-sidebar-identity-v51134{padding:8px 9px!important}
  .admin-sidebar-identity-v51134 strong{font-size:12.5px!important}
  .admin-sidebar-identity-v51134 small{font-size:9.5px!important}
}

/* V5.1.1.45 — compte utilisateur compact + accès transitaire public */
.transitaire-register-choice-v51145,.transitaire-auth-bridge-v51145{margin:0 0 14px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:18px;padding:14px;display:grid;gap:7px;color:#15223a}
.transitaire-register-choice-v51145 strong,.transitaire-auth-bridge-v51145 strong{font-size:15px;font-weight:950;color:#0f172a}
.transitaire-register-choice-v51145 span,.transitaire-auth-bridge-v51145 span{font-size:13px;line-height:1.45;color:#475467;font-weight:750}
.transitaire-register-choice-v51145 .btn,.transitaire-auth-bridge-v51145 .btn{justify-self:start;margin-top:4px}
.transitaire-inline-link-v51145{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;border:1px dashed #fdba74;background:#fff7ed;color:#9a3412;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:900;text-decoration:none}
.transitaire-inline-link-v51145:hover{background:#ffedd5;color:#7c2d12}
.audience-v44211 article a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.sidebar:not(.admin) .main-nav-v5{display:flex!important;flex-direction:column!important;gap:7px!important;padding-bottom:18px!important;width:100%!important;box-sizing:border-box!important}

/* V5.1.2.07 — identité du compte lisible dans la barre latérale */
.sidebar:not(.admin) .user-mini{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  column-gap:11px!important;
  row-gap:4px!important;
  align-items:center!important;
  min-width:0!important;
  padding:13px!important;
  overflow:hidden!important;
}
.sidebar:not(.admin) .user-mini>img{
  grid-row:1 / span 5!important;
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  align-self:start!important;
}
.sidebar:not(.admin) .user-mini>.connected-dot-line-v51126,
.sidebar:not(.admin) .user-mini>.user-mini-name-v51207,
.sidebar:not(.admin) .user-mini>.user-mini-role-v51207,
.sidebar:not(.admin) .user-mini>.user-mini-email-v51207,
.sidebar:not(.admin) .user-mini>.user-mini-status-v51207{
  grid-column:2!important;
  min-width:0!important;
  max-width:100%!important;
}
.sidebar:not(.admin) .user-mini:not(:has(>img))>.connected-dot-line-v51126,
.sidebar:not(.admin) .user-mini:not(:has(>img))>.user-mini-name-v51207,
.sidebar:not(.admin) .user-mini:not(:has(>img))>.user-mini-role-v51207,
.sidebar:not(.admin) .user-mini:not(:has(>img))>.user-mini-email-v51207,
.sidebar:not(.admin) .user-mini:not(:has(>img))>.user-mini-status-v51207{grid-column:1 / -1!important}
.user-mini-name-v51207{font-size:14px!important;line-height:1.2!important;color:#fff!important;overflow-wrap:anywhere!important}
.user-mini-role-v51207{display:block!important;color:#cbd5e1!important;font-size:11px!important;line-height:1.25!important;font-weight:850!important}
.user-mini-email-v51207{display:block!important;color:#94a3b8!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}
.user-mini-status-v51207{display:block!important;margin-top:3px!important}
.user-mini-status-v51207 .badge,.user-mini-status-v51207 [class*="status"]{max-width:100%!important;font-size:10px!important;white-space:normal!important}
.sidebar:not(.admin) .account-nav-accordion-v51145{display:block!important;width:100%!important;box-sizing:border-box!important;border:0!important;margin:0!important;padding:0!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>summary{list-style:none!important;cursor:pointer!important;display:grid!important;grid-template-columns:minmax(0,1fr) 26px!important;align-items:center!important;gap:10px!important;min-height:43px!important;border-radius:14px!important;padding:10px 10px 10px 12px!important;background:rgba(15,23,42,.34)!important;border:1px solid rgba(148,163,184,.13)!important;color:#cbd5e1!important;font-size:11px!important;line-height:1.05!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:950!important;user-select:none!important;box-sizing:border-box!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>summary::-webkit-details-marker{display:none!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>summary span{min-width:0!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>summary:after{content:"+"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:999px!important;background:rgba(148,163,184,.14)!important;color:#e5eefc!important;font-size:16px!important;line-height:1!important;letter-spacing:0!important;font-weight:950!important;justify-self:end!important}
.sidebar:not(.admin) .account-nav-accordion-v51145[open]>summary{background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(15,23,42,.44))!important;border-color:rgba(96,165,250,.28)!important;color:#fff!important;box-shadow:inset 3px 0 0 #60a5fa!important}
.sidebar:not(.admin) .account-nav-accordion-v51145[open]>summary:after{content:"−"!important;background:rgba(96,165,250,.24)!important;color:#fff!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>a{display:flex!important;align-items:center!important;gap:8px!important;width:calc(100% - 14px)!important;box-sizing:border-box!important;margin:6px 0 0 14px!important;min-height:36px!important;padding:9px 10px!important;border-radius:12px!important;font-size:13px!important;line-height:1.18!important;font-weight:850!important;color:rgba(226,232,240,.88)!important;text-decoration:none!important;white-space:normal!important;background:transparent!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>a:before{content:""!important;flex:0 0 6px!important;width:6px!important;height:6px!important;border-radius:999px!important;background:rgba(148,163,184,.45)!important}
.sidebar:not(.admin) .account-nav-accordion-v51145>a:hover{background:rgba(148,163,184,.12)!important;color:#fff!important}
.sidebar:not(.admin) .account-nav-accordion-v51145:not([open])>a{display:none!important}
.sidebar:not(.admin) .account-nav-accordion-v51145 a.active{background:rgba(37,99,235,.38)!important;color:#fff!important;box-shadow:inset 3px 0 0 #93c5fd!important}
.sidebar:not(.admin) .account-nav-accordion-v51145 a.active:before{background:#93c5fd!important;box-shadow:0 0 0 4px rgba(147,197,253,.13)!important}
@media(max-width:900px){.sidebar:not(.admin) .account-nav-accordion-v51145>summary{min-height:46px!important;padding:11px 10px 11px 12px!important}.sidebar:not(.admin) .account-nav-accordion-v51145>a{min-height:40px!important;font-size:14px!important}.transitaire-register-choice-v51145,.transitaire-auth-bridge-v51145{padding:12px}}


/* V5.1.1.46 — compte utilisateur : vrai menu latéral accordéon, aligné sur l'administration */
.sidebar:not(.admin) .main-nav-v5{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  padding:0 0 18px!important;
  box-sizing:border-box!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>summary{
  list-style:none!important;
  cursor:pointer!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  min-height:44px!important;
  gap:10px!important;
  padding:10px 10px 10px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.42)!important;
  color:#dbeafe!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  box-sizing:border-box!important;
  user-select:none!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>summary::-webkit-details-marker{display:none!important}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>summary span{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>summary:after{
  content:"+"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(148,163,184,.14)!important;
  color:#ffffff!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146[open]>summary{
  background:linear-gradient(135deg,rgba(37,99,235,.38),rgba(15,23,42,.56))!important;
  border-color:rgba(96,165,250,.34)!important;
  color:#ffffff!important;
  box-shadow:inset 4px 0 0 #60a5fa!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146[open]>summary:after{
  content:"−"!important;
  background:rgba(96,165,250,.24)!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146:not([open])>a{display:none!important}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>a{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:calc(100% - 16px)!important;
  margin:6px 0 0 16px!important;
  min-height:36px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  background:transparent!important;
  color:rgba(226,232,240,.90)!important;
  font-size:13px!important;
  line-height:1.18!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-sizing:border-box!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>a:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  min-width:6px!important;
  border-radius:999px!important;
  background:rgba(148,163,184,.50)!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>a:hover{
  background:rgba(148,163,184,.12)!important;
  color:#ffffff!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>a.active{
  background:rgba(37,99,235,.40)!important;
  color:#ffffff!important;
  box-shadow:inset 3px 0 0 #93c5fd!important;
}
.sidebar:not(.admin) .account-sidebar-accordion-v51146>a.active:before{
  background:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(147,197,253,.13)!important;
}
@media(max-width:900px){
  .sidebar:not(.admin) .account-sidebar-accordion-v51146>summary{min-height:46px!important;padding:11px 10px 11px 12px!important}
  .sidebar:not(.admin) .account-sidebar-accordion-v51146>a{min-height:40px!important;font-size:14px!important}
}

/* V5.1.1.48 — inscription : choix de profil plus clair + relief visuel */
.register-profile-guide-v51148{margin:0 0 16px;border:1px solid rgba(37,99,235,.18);background:linear-gradient(135deg,#f8fbff 0%,#ffffff 55%,#fff7ed 100%);border-radius:22px;padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.10)}
.register-profile-guide-v51148 h3{margin:0 0 6px;font-size:1.1rem;letter-spacing:-.02em;color:#0f172a;font-weight:950}
.register-profile-guide-v51148 p{margin:0 0 14px;color:#475467;font-weight:700;line-height:1.45}
.register-profile-grid-v51148{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.register-profile-card-v51148{appearance:none;text-decoration:none;text-align:left;border:1.5px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;border-radius:18px;padding:14px 13px;display:grid;gap:7px;min-height:116px;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.07);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}
.register-profile-card-v51148 strong{font-size:.98rem;font-weight:950;line-height:1.15;color:#07142b}
.register-profile-card-v51148 span{font-size:.86rem;line-height:1.35;color:#475467;font-weight:700}
.register-profile-card-v51148:hover,.register-profile-card-v51148.is-active{transform:translateY(-1px);border-color:#2563eb;background:linear-gradient(180deg,#eff6ff 0%,#fff 100%);box-shadow:0 16px 34px rgba(37,99,235,.16)}
.register-profile-card-link-v51148{border-color:rgba(239,90,26,.34);background:linear-gradient(180deg,#fff7ed 0%,#fff 100%)}
.register-profile-card-link-v51148:hover{border-color:#ef5a1a;box-shadow:0 16px 34px rgba(239,90,26,.16)}
.register-form-v51115 .register-section-v51115{border:1.5px solid rgba(15,23,42,.12)!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;box-shadow:0 12px 30px rgba(15,23,42,.075)!important}
.register-form-v51115 .register-section-v51115 h3{font-size:1.08rem!important;color:#07142b!important;font-weight:950!important}
.register-form-v51115 label{font-weight:900;color:#0f172a}
.register-form-v51115 small,.register-form-v51115 .muted{font-weight:700;color:#64748b}
.register-form-v51115 input,.register-form-v51115 select,.register-form-v51115 textarea{border:1.5px solid rgba(15,23,42,.16)!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(15,23,42,.035)!important}
.register-form-v51115 input:focus,.register-form-v51115 select:focus,.register-form-v51115 textarea:focus{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.13)!important}
.register-pro-fields-v51115{border:1.5px solid rgba(37,99,235,.16)!important;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
@media(max-width:1050px){.register-profile-grid-v51148{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.register-profile-guide-v51148{padding:13px;border-radius:18px}.register-profile-grid-v51148{grid-template-columns:1fr}.register-profile-card-v51148{min-height:auto}}

/* V5.1.1.49 — inscription : cartes profil visibles + relief formulaire */
#auth-panel .register-profile-guide-v51149{
  margin:0 0 20px!important;
  border:1px solid rgba(37,99,235,.22)!important;
  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 58%,#fff7ed 100%)!important;
  border-radius:24px!important;
  padding:18px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.12)!important;
}
#auth-panel .register-profile-head-v51149{
  display:flex!important;
  gap:12px!important;
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
#auth-panel .register-profile-head-v51149>span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:66px!important;
  height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:#0b2a4a!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:.78rem!important;
  letter-spacing:.02em!important;
  box-shadow:0 8px 18px rgba(11,42,74,.18)!important;
}
#auth-panel .register-profile-head-v51149 h3{
  margin:0 0 5px!important;
  font-size:1.18rem!important;
  letter-spacing:-.025em!important;
  color:#07142b!important;
  font-weight:950!important;
}
#auth-panel .register-profile-head-v51149 p{
  margin:0!important;
  color:#475467!important;
  font-weight:750!important;
  line-height:1.45!important;
}
#auth-panel .register-profile-grid-v51149{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
#auth-panel .register-profile-card-v51149,
#auth-panel a.register-profile-card-v51149,
#auth-panel button.register-profile-card-v51149{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  text-align:left!important;
  border:1.5px solid rgba(15,23,42,.14)!important;
  background:#fff!important;
  color:#0f172a!important;
  border-radius:18px!important;
  padding:14px 14px!important;
  display:grid!important;
  grid-template-columns:auto!important;
  gap:7px!important;
  min-height:116px!important;
  cursor:pointer!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
  font:inherit!important;
  line-height:1.3!important;
}
#auth-panel .register-profile-card-v51149 strong{
  display:block!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1.18!important;
  color:#07142b!important;
}
#auth-panel .register-profile-card-v51149 span{
  display:block!important;
  font-size:.88rem!important;
  line-height:1.35!important;
  color:#475467!important;
  font-weight:750!important;
}
#auth-panel .register-profile-card-v51149:hover,
#auth-panel .register-profile-card-v51149:focus-visible,
#auth-panel .register-profile-card-v51149.is-active{
  transform:translateY(-1px)!important;
  border-color:#2563eb!important;
  background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%)!important;
  box-shadow:0 16px 36px rgba(37,99,235,.18)!important;
  outline:none!important;
}
#auth-panel .register-profile-card-v51149.is-active strong::after{
  content:' sélectionné'!important;
  margin-left:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  background:#2563eb!important;
  color:#fff!important;
  font-size:.68rem!important;
  font-weight:950!important;
  vertical-align:middle!important;
}
#auth-panel .register-profile-card-link-v51149{
  border-color:rgba(234,88,12,.35)!important;
  background:linear-gradient(180deg,#fff7ed 0%,#fff 100%)!important;
}
#auth-panel .register-profile-card-link-v51149:hover,
#auth-panel .register-profile-card-link-v51149:focus-visible{
  border-color:#ea580c!important;
  box-shadow:0 16px 36px rgba(234,88,12,.16)!important;
}
#auth-panel .register-role-help-v51149{
  margin:10px 0 0!important;
  padding:11px 13px!important;
  border-radius:14px!important;
  border:1px solid rgba(37,99,235,.16)!important;
  background:#f8fbff!important;
  color:#334155!important;
  font-weight:800!important;
}
#auth-panel .register-section-v51115{
  border:1px solid rgba(15,23,42,.12)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
}
#auth-panel .register-section-v51115 h3{
  color:#07142b!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
#auth-panel .register-form-v51115 input,
#auth-panel .register-form-v51115 select,
#auth-panel .register-form-v51115 textarea{
  border-color:rgba(15,23,42,.16)!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 15px rgba(15,23,42,.035)!important;
}
#auth-panel .register-form-v51115 input:focus,
#auth-panel .register-form-v51115 select:focus,
#auth-panel .register-form-v51115 textarea:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
  outline:none!important;
}
@media(max-width:760px){
  #auth-panel .register-profile-grid-v51149{grid-template-columns:1fr!important;}
  #auth-panel .register-profile-head-v51149{display:block!important;}
  #auth-panel .register-profile-head-v51149>span{margin-bottom:10px!important;}
  #auth-panel .register-profile-card-v51149{min-height:auto!important;}
}


/* V5.1.1.51 — Pages d’inscription dédiées */
.registration-page-v51150{margin:0;background:radial-gradient(circle at top left,rgba(239,90,26,.08),transparent 34%),linear-gradient(180deg,#f8fafc 0%,#eef4fb 100%);color:#07142b;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.registration-top-v51150{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px clamp(18px,4vw,58px);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(148,163,184,.22)}.registration-logo-v51150 img{height:54px;width:auto;display:block}.registration-top-v51150 nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.registration-top-v51150 nav a{text-decoration:none;color:#0f172a;font-weight:900;padding:10px 14px;border-radius:999px}.registration-top-v51150 nav a:hover{background:#eef2ff;color:#1d4ed8}.registration-shell-v51150{width:min(1220px,calc(100% - 32px));margin:28px auto 40px}.registration-hero-v51150{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px;border-radius:34px;background:linear-gradient(135deg,#071a33 0%,#0e2f55 55%,#ef5a1a 100%);color:#fff;box-shadow:0 24px 70px rgba(7,26,51,.22);overflow:hidden;position:relative}.registration-hero-v51150:after{content:"";position:absolute;right:-110px;top:-130px;width:310px;height:310px;border-radius:50%;background:rgba(255,255,255,.13)}.registration-hero-v51150 span{display:inline-flex;background:#fff1db;color:#8a3a08;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:8px 13px;font-weight:1000;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.registration-hero-v51150 h1{font-size:clamp(2rem,5vw,4.2rem);line-height:.94;margin:16px 0 12px;letter-spacing:-.055em;max-width:780px}.registration-hero-v51150 p{max-width:720px;margin:0;color:rgba(255,255,255,.88);font-weight:750;font-size:1.08rem;line-height:1.5}.registration-hero-v51150>strong{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:175px;padding:15px 20px;border-radius:22px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);font-size:1rem;text-align:center}.registration-layout-v51150{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}.registration-side-v51150{position:sticky;top:96px;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:28px;padding:22px;box-shadow:0 18px 48px rgba(15,23,42,.09)}.registration-side-v51150 h2{margin:0 0 10px;font-size:1.35rem;letter-spacing:-.03em}.registration-side-v51150 p{margin:0 0 16px;color:#475569;font-weight:750;line-height:1.5}.registration-switch-v51150{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.registration-switch-v51150 span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:1000}.registration-switch-v51150 a{display:flex;text-decoration:none;color:#0f172a;font-weight:900;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:11px 12px}.registration-switch-v51150 a:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.registration-offer-box-v51150{display:grid;gap:4px;margin:16px 0;padding:15px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe}.registration-offer-box-v51150 span{color:#1d4ed8;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000}.registration-offer-box-v51150 strong{font-size:1.2rem;color:#0f172a}.registration-offer-box-v51150 em{font-style:normal;color:#ef5a1a;font-weight:1000}.registration-offer-box-v51150 small{color:#64748b;font-weight:750;line-height:1.4}.registration-form-v51150{display:grid;gap:16px}.registration-form-card-v51150{background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:26px;padding:22px;box-shadow:0 16px 42px rgba(15,23,42,.075)}.registration-form-card-v51150 h2{margin:0 0 16px;font-size:1.35rem;letter-spacing:-.03em;color:#07142b}.registration-form-card-v51150 p{margin:0 0 16px;color:#475569;font-weight:750;line-height:1.5}.registration-form-v51150 label{display:grid;gap:7px;font-weight:950;color:#07142b}.registration-form-v51150 input,.registration-form-v51150 textarea,.registration-form-v51150 select{width:100%;border:1.5px solid #d8e0eb;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:16px;min-height:52px;padding:13px 15px;font:inherit;font-weight:750;color:#0f172a;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.registration-form-v51150 textarea{min-height:110px;resize:vertical}.registration-form-v51150 input:focus,.registration-form-v51150 textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.registration-form-v51150 .check{display:flex;align-items:flex-start;gap:10px;font-weight:800;color:#334155}.registration-form-v51150 .check input{width:auto;min-height:auto;margin-top:4px}.registration-submit-v51150{width:100%;justify-content:center;min-height:54px;border-radius:16px;font-weight:1000}.registration-agent-note-v51150{padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.registration-footer-v51150{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;padding:24px;color:#64748b;font-weight:800}.registration-footer-v51150 a{color:#0f172a;text-decoration:none}.registration-footer-v51150 a:hover{color:#2563eb}@media(max-width:980px){.registration-layout-v51150{grid-template-columns:1fr}.registration-side-v51150{position:relative;top:auto}.registration-hero-v51150{align-items:flex-start;display:grid}.registration-top-v51150{position:relative}.registration-logo-v51150 img{height:44px}}@media(max-width:680px){#auth-panel .register-profile-foot-v51150{display:grid}.registration-shell-v51150{width:min(100% - 20px,1220px);margin-top:14px}.registration-hero-v51150{padding:22px;border-radius:26px}.registration-form-card-v51150,.registration-side-v51150{padding:18px;border-radius:22px}.registration-top-v51150{padding:12px}.registration-top-v51150 nav{justify-content:flex-end}.registration-top-v51150 nav a{padding:8px 10px}.registration-logo-v51150 img{height:38px}}



/* V5.1.1.51 — modale inscription : choix par pages dédiées, sans formulaire rallongé */
#auth-panel .register-profile-selector-v51151{padding:24px!important;border-radius:28px!important;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#fff7ed 100%)!important;border:1px solid rgba(37,99,235,.22)!important;box-shadow:0 22px 60px rgba(15,23,42,.12)!important}
#auth-panel .register-profile-card-link-v51151{position:relative;overflow:hidden;min-height:150px!important;padding:18px!important;align-content:start!important;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;text-decoration:none!important}
#auth-panel .register-profile-card-link-v51151 em{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:#eff6ff;color:#1d4ed8;font-style:normal;font-weight:1000;font-size:.78rem;margin-bottom:5px;border:1px solid rgba(37,99,235,.14)}
#auth-panel .register-profile-card-link-v51151 strong{font-size:1.03rem!important;letter-spacing:-.02em!important}
#auth-panel .register-profile-card-link-v51151 span{font-size:.89rem!important;line-height:1.42!important}
#auth-panel .register-profile-card-link-v51151:hover,#auth-panel .register-profile-card-link-v51151:focus-visible{transform:translateY(-2px)!important;border-color:#2563eb!important;box-shadow:0 18px 38px rgba(37,99,235,.18)!important}
#auth-panel .register-profile-foot-v51151{margin-top:14px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-weight:800}
#auth-panel .register-profile-foot-v51151 strong{color:#0f172a}
#auth-panel .register-profile-foot-v51151 span{font-size:.9rem;color:#64748b}
@media(max-width:680px){#auth-panel .register-profile-foot-v51151{display:grid}}


/* V5.1.1.52 — inscription publique propre : pas de note dev, cartes compactes, liens index anti-404 */
#auth-panel .register-profile-foot-v51151{display:none!important;}
#auth-panel .register-profile-selector-v51151{margin-bottom:0!important;}
@media(max-width:680px){
  #auth-panel.auth-card{max-height:calc(100dvh - 22px)!important;overflow:auto!important;}
  #auth-panel .register-profile-selector-v51151{padding:16px!important;border-radius:22px!important;}
  #auth-panel .register-profile-head-v51149{margin-bottom:12px!important;}
  #auth-panel .register-profile-head-v51149 h3{font-size:1.08rem!important;margin-bottom:4px!important;}
  #auth-panel .register-profile-head-v51149 p{font-size:.88rem!important;line-height:1.35!important;}
  #auth-panel .register-profile-grid-v51149{gap:10px!important;}
  #auth-panel .register-profile-card-link-v51151{min-height:106px!important;padding:14px!important;border-radius:18px!important;}
  #auth-panel .register-profile-card-link-v51151 em{width:30px!important;height:30px!important;border-radius:11px!important;font-size:.72rem!important;margin-bottom:2px!important;}
  #auth-panel .register-profile-card-link-v51151 strong{font-size:.98rem!important;}
  #auth-panel .register-profile-card-link-v51151 span{font-size:.82rem!important;line-height:1.32!important;}
}

/* V5.1.1.54 — inscription profils restaurée et page transitaire dédiée */
.register-profile-selector-v51151 .register-profile-head-v51149{align-items:center}.register-profile-selector-v51151{padding:22px;border-radius:26px;background:linear-gradient(135deg,#ffffff,#f8fbff 70%,#fff7ed);border:1px solid #dbeafe;box-shadow:0 18px 45px rgba(15,23,42,.08)}
.register-profile-selector-v51151 .register-profile-grid-v51149{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.register-profile-card-link-v51151{text-decoration:none;color:#0f172a;border:1px solid #d7dde8;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.07);padding:18px;display:grid;gap:10px;min-height:132px;transition:.18s ease}.register-profile-card-link-v51151:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 18px 36px rgba(37,99,235,.14)}.register-profile-card-link-v51151 em{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:15px;background:#eef6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-style:normal;font-weight:950}.register-profile-card-link-v51151 strong{font-size:20px;line-height:1.05}.register-profile-card-link-v51151 span{color:#475569;font-weight:800;line-height:1.3}.registration-transitaire-page-v51154 .registration-form-card-v51150{box-shadow:0 14px 34px rgba(15,23,42,.07);border-color:#dbe2ec}.registration-check-grid-v51154{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.registration-check-grid-v51154 label{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #dbe2ec;background:#f8fafc;border-radius:14px;font-weight:850}.registration-check-grid-v51154 input{margin-top:3px}.registration-transitaire-page-v51154 textarea{min-height:110px}
@media(max-width:760px){.register-profile-selector-v51151{padding:16px}.register-profile-selector-v51151 .register-profile-grid-v51149{grid-template-columns:1fr;gap:10px}.register-profile-card-link-v51151{min-height:auto;padding:14px}.register-profile-card-link-v51151 em{width:38px;height:38px;border-radius:13px}.register-profile-card-link-v51151 strong{font-size:18px}.register-profile-card-link-v51151 span{font-size:14px}.registration-check-grid-v51154{grid-template-columns:1fr}.registration-shell-v51150{padding-top:10px}}



/* V5.1.1.55 — modale inscription accueil : 4 cartes uniquement, compact mobile */
.register-profile-only-v51155{margin-top:0!important;}
#register .transitaire-register-choice-v51145,#register form.register-form-v51115{display:none!important;}
#register .register-profile-grid-v51149{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#register .register-profile-card-v51149{min-height:132px;text-decoration:none;cursor:pointer;}
#register .register-profile-card-v51149:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(10,31,68,.14);}
@media(max-width:640px){
  #auth-panel.auth-card{max-height:calc(100vh - 96px);overflow:auto;}
  #register .register-profile-guide-v51149{padding:16px!important;border-radius:22px!important;}
  #register .register-profile-head-v51149{gap:10px!important;align-items:flex-start!important;}
  #register .register-profile-head-v51149 h3{font-size:20px!important;line-height:1.1!important;margin:0 0 5px!important;}
  #register .register-profile-head-v51149 p{font-size:14px!important;line-height:1.35!important;margin:0!important;}
  #register .register-profile-grid-v51149{grid-template-columns:1fr!important;gap:10px!important;}
  #register .register-profile-card-v51149{min-height:auto!important;padding:15px 16px!important;border-radius:18px!important;}
  #register .register-profile-card-v51149 em{width:42px!important;height:42px!important;margin-bottom:10px!important;}
  #register .register-profile-card-v51149 strong{font-size:20px!important;line-height:1.1!important;}
  #register .register-profile-card-v51149 span{font-size:15px!important;line-height:1.25!important;}
}

/* FretPro Africa — Module PWA mobile v1 */
.fpa-pwa-install{position:fixed;left:16px;right:16px;bottom:18px;z-index:10050;background:#101827;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 22px 60px rgba(16,24,39,.35);padding:14px;display:none;gap:12px;align-items:center;max-width:560px;margin:0 auto}.fpa-pwa-install.is-visible{display:flex}.fpa-pwa-install img{width:44px;height:44px;border-radius:13px;background:#fff;object-fit:contain;flex:0 0 auto}.fpa-pwa-install strong{display:block;font-size:15px;line-height:1.2}.fpa-pwa-install small{display:block;color:#d0d5dd;line-height:1.35;margin-top:3px}.fpa-pwa-install__text{flex:1;min-width:0}.fpa-pwa-install__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.fpa-pwa-btn{border:0;border-radius:13px;padding:10px 12px;font-weight:900;cursor:pointer}.fpa-pwa-btn.primary{background:linear-gradient(135deg,#f26b22,#d94a1a);color:#fff}.fpa-pwa-btn.ghost{background:rgba(255,255,255,.10);color:#fff}.fpa-pwa-status{position:fixed;left:50%;bottom:14px;transform:translateX(-50%) translateY(12px);z-index:10060;background:#101827;color:#fff;border-radius:999px;padding:9px 14px;font-weight:900;font-size:13px;box-shadow:0 14px 36px rgba(16,24,39,.28);opacity:0;visibility:hidden;transition:.22s ease}.fpa-pwa-status.is-visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}body.is-pwa-standalone .fpa-pwa-install{display:none!important}@media(max-width:560px){.fpa-pwa-install{left:10px;right:10px;bottom:10px;border-radius:20px;align-items:flex-start}.fpa-pwa-install__actions{width:100%;justify-content:stretch}.fpa-pwa-btn{flex:1}.fpa-pwa-status{width:max-content;max-width:calc(100vw - 24px);text-align:center}}


/* V5.1.1.62 — logo mobile/PWA renforcé + badges temps réel */
.fpa-live-pulse{animation:fpaLivePulseV51162 .9s ease-in-out 2!important}
@keyframes fpaLivePulseV51162{0%,100%{transform:scale(1)}50%{transform:scale(1.10);box-shadow:0 0 0 8px rgba(249,115,22,.16)}}
.fpa-pwa-install img{width:54px!important;height:54px!important;border-radius:16px!important;padding:3px!important;background:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.65)!important}
.sidebar.sidebar-v5 .logo-img-link-v51115,.sidebar.admin .admin-sidebar-logo-link-v51120{min-height:92px!important;padding:12px!important;justify-content:center!important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.12))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;margin:12px!important;box-shadow:0 18px 34px rgba(0,0,0,.18)!important}
.sidebar.sidebar-v5 .logo-img-link-v51115 img,.sidebar.admin .admin-sidebar-logo-link-v51120 img{width:100%!important;max-width:230px!important;max-height:76px!important;object-fit:contain!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.20))!important}
@media(max-width:820px){.sidebar.sidebar-v5 .logo-img-link-v51115,.sidebar.admin .admin-sidebar-logo-link-v51120{min-height:98px!important;margin:10px!important}.sidebar.sidebar-v5 .logo-img-link-v51115 img,.sidebar.admin .admin-sidebar-logo-link-v51120 img{max-width:245px!important;max-height:82px!important}.home-brand-v4310 .fpa-brand-logo-home{width:min(330px,78vw)!important;max-height:88px!important}}


/* V6 vague 1 — clarification réservations/messagerie */
.reservation-side-label-v6 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(20, 38, 70, .10);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 111, 32, .10), rgba(23, 117, 191, .08));
}
.reservation-side-label-v6 strong { color: #07152f; }
.reservation-side-label-v6 span { color: #50617c; font-size: .92rem; }
.reservations-received-v6 > h3,
.reservations-sent-v6 > h3 { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.reservations-received-v6 > h3::before,
.reservations-sent-v6 > h3::before { content:''; width:10px; height:10px; border-radius:99px; display:inline-block; background:#ff6f20; }
.reservations-sent-v6 > h3::before { background:#1775bf; }
@media (max-width: 680px) {
  .reservation-side-label-v6 { align-items:flex-start; flex-direction:column; }
}

/* V5.1.1.69 — tableau de bord double rôle + en-tête mobile */
.dash-client-side-v51169 {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid rgba(148, 163, 184, .28);
}

.dash-client-summary-v51169 {
    margin-bottom: 24px;
}

@media (max-width: 820px) {
    .topbar {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    .topbar > h1 {
        min-width: 0 !important;
        margin: 0 !important;
        font-size: clamp(1.7rem, 8vw, 2.8rem) !important;
        line-height: .98 !important;
        overflow-wrap: anywhere !important;
    }

    .topbar-tools-v511132 {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        min-width: 0 !important;
        max-width: 178px !important;
    }

    .top-currency-form-v511132 {
        flex: 0 0 auto !important;
        min-width: 0 !important;
    }

    .top-currency-form-v511132 label {
        width: 54px !important;
        min-width: 54px !important;
        height: 44px !important;
        padding: 0 5px !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .top-currency-form-v511132 span {
        display: none !important;
    }

    .top-currency-form-v511132 select {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        padding: 0 !important;
        font-size: 14px !important;
        text-align: center !important;
        text-align-last: center !important;
    }

    .fpa-topbar-icons-clean {
        gap: 6px !important;
        flex: 0 0 auto !important;
    }

    .fpa-topbar-icon-only {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .fpa-topbar-icon-only .message-count {
        top: -4px !important;
        right: -3px !important;
        z-index: 3 !important;
    }
}

@media (max-width: 520px) {
    .topbar {
        grid-template-columns: 46px minmax(0, 1fr) 166px !important;
        column-gap: 7px !important;
    }

    .topbar-tools-v511132 {
        max-width: 166px !important;
        gap: 5px !important;
    }

    .top-currency-form-v511132 label {
        width: 50px !important;
        min-width: 50px !important;
    }

    .fpa-topbar-icons-clean {
        gap: 5px !important;
    }

    .fpa-topbar-icon-only {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }
}

/* FretPro Africa V5.1.1.70 — en-tête mobile sans chevauchement */
@media (max-width: 700px) {
    .content > .topbar {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 12px !important;
        width: 100% !important;
        padding: 12px 0 14px !important;
        margin-bottom: 18px !important;
        overflow: visible !important;
    }

    .content > .topbar > .menu-toggle {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 54px !important;
        min-width: 54px !important;
        height: 54px !important;
        margin: 0 !important;
    }

    .content > .topbar > h1 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: clamp(29px, 9vw, 38px) !important;
        line-height: 1.02 !important;
        letter-spacing: -1.3px !important;
        overflow-wrap: anywhere !important;
    }

    .content > .topbar > .topbar-tools-v511132 {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
    }

    .content > .topbar .top-currency-form-v511132 {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    .content > .topbar .top-currency-form-v511132 label {
        min-width: 72px !important;
        max-width: 96px !important;
        height: 48px !important;
        padding: 6px 10px !important;
        box-sizing: border-box !important;
    }

    .content > .topbar .top-currency-form-v511132 select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 74px !important;
        font-size: 15px !important;
    }

    .content > .topbar .fpa-topbar-icons-clean {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    .content > .topbar .fpa-topbar-icon-only {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        flex: 0 0 50px !important;
        box-sizing: border-box !important;
    }

    .content > .topbar .fpa-topbar-icon-only .message-count,
    .content > .topbar .fpa-live-badge {
        top: -7px !important;
        right: -4px !important;
        z-index: 5 !important;
    }
}

@media (max-width: 390px) {
    .content > .topbar > h1 {
        font-size: 28px !important;
    }

    .content > .topbar > .topbar-tools-v511132 {
        gap: 7px !important;
    }

    .content > .topbar .fpa-topbar-icons-clean {
        gap: 7px !important;
    }

    .content > .topbar .fpa-topbar-icon-only {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        flex-basis: 46px !important;
    }
}


/* V5.1.2.02 — liste publique des annonces compacte */
.announcements-results-summary-v51202{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 12px;color:#64748b;font-size:.92rem}.announcements-results-summary-v51202 strong{color:#0f172a}.listing-grid-compact-v51202{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.listing-card-compact-v51202{display:flex!important;flex-direction:column;min-width:0;padding:0!important;overflow:hidden;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.06)}.listing-card-media-v51202{display:block;aspect-ratio:16/9;background:#e2e8f0;overflow:hidden}.listing-card-media-v51202 img{width:100%;height:100%;object-fit:cover;display:block}.listing-card-body-v51202{display:flex;flex:1;flex-direction:column;padding:18px;min-width:0}.listing-card-top-v51202{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.listing-card-compact-v51202 h3{font-size:1.08rem;line-height:1.3;margin:0 0 8px;min-height:2.8em}.listing-card-compact-v51202 h3 a{color:#0f172a;text-decoration:none}.listing-card-route-v51202{color:#475569;font-weight:700;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-card-facts-v51202{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 16px}.listing-card-facts-v51202 span{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eef2f7}.listing-card-facts-v51202 small{color:#64748b}.listing-card-facts-v51202 strong{text-align:right;color:#0f172a;overflow-wrap:anywhere}.listing-card-cta-v51202{margin-top:auto;width:100%;text-align:center}.announcements-pagination-v51202{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0 8px}.announcements-pagination-v51202 span{font-weight:800;color:#334155}@media(max-width:1100px){.listing-grid-compact-v51202{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.listing-grid-compact-v51202{grid-template-columns:1fr}.announcements-results-summary-v51202{align-items:flex-start;flex-direction:column;gap:4px}.listing-card-compact-v51202 h3{min-height:0}.announcements-pagination-v51202{justify-content:space-between}}

/* V5.1.2.04 — affichage correct des photos dans les cartes annonces */
.listing-grid-compact-v51202 .listing-card-media-v51202{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
    background:#e5eaf0 !important;
}

.listing-grid-compact-v51202 .listing-card-media-v51202 img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    max-width:none !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    transform:none !important;
}

/* V5.1.2.05 — CORRECTION PROPRE LISTE + IMAGES ANNONCES */

.announcements-results-summary-v51202 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 18px 0 14px !important;
}

.listing-grid.listing-grid-compact-v51202 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
}

.listing.listing-card-compact-v51202 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
}

.listing-grid-compact-v51202 .listing-card-media-v51202 {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e5eaf0 !important;
}

.listing-grid-compact-v51202 .listing-card-media-v51202 img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.listing-card-body-v51202 {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    padding: 20px !important;
}

.listing-card-facts-v51202 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 8px 0 18px !important;
}

.listing-card-facts-v51202 > span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
}

.listing-card-facts-v51202 > span small {
    color: #64748b !important;
}

.listing-card-facts-v51202 > span strong {
    color: #0f172a !important;
    text-align: right !important;
}

.listing-card-cta-v51202 {
    display: block !important;
    width: 100% !important;
    margin-top: auto !important;
    text-align: center !important;
}

@media (max-width: 800px) {
    .listing-grid.listing-grid-compact-v51202 {
        grid-template-columns: 1fr !important;
    }
}

/* FPA-LARGEUR-ACCUEIL-V51207 */
@media (min-width:1100px){

  .home-final-header-v44211,
  .home-final-hero-v44211,
  .home-final-badges-v44211,
  .home-final-note-v44211,
  .home-final-section-v44211,
  .home-final-payoff-v44211,
  .home-final-app-v44211,
  .home-final-footer-v44211{
    width:94vw !important;
    max-width:1600px !important;
  }

  .home-final-header-v44211{
    min-height:88px !important;
  }

  .home-final-hero-v44211{
    grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr) !important;
    gap:48px !important;
    padding-top:44px !important;
    padding-bottom:26px !important;
  }

  .home-final-copy-v44211 p{
    max-width:820px !important;
  }

  .home-final-visual-v44211{
    min-height:360px !important;
  }

  .home-final-visual-v44211 img{
    width:min(94%,520px) !important;
    max-height:260px !important;
  }
}


/* FPA_V51216_GLOBAL_GRID
   Annonces publiques : 3 desktop / 2 tablette / 1 mobile */

.listing-grid.listing-grid-compact-v51202{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
}

.listing-grid.listing-grid-compact-v51202 > .listing,
.listing-grid.listing-grid-compact-v51202 > article.listing{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
}

@media (max-width:1100px){
    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media (max-width:700px){
    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:1fr!important;
    }
}


/* FPA_V51219_UX_MARKETPLACE */

/* ==========================================================
   GLOBAL PAGES METIER
   ========================================================== */

.parcel-publish-page-v51219,
.announcements-market-v51219{
    border:1px solid #e7ebf0!important;
    box-shadow:0 10px 34px rgba(15,39,71,.055)!important;
    border-radius:22px!important;
}

/* ==========================================================
   PUBLIER UN COLIS
   ========================================================== */

.parcel-publish-page-v51219{
    padding:26px!important;
}

.parcel-publish-head-v51219{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    margin-bottom:16px;
}

.parcel-publish-head-v51219 h2{
    margin:4px 0 6px!important;
    font-size:26px!important;
    line-height:1.15;
    color:#10233f;
}

.parcel-publish-head-v51219 p{
    margin:0;
    max-width:800px;
    color:#64748b;
    line-height:1.55;
}

.parcel-publish-kicker-v51219,
.announcements-market-kicker-v51219{
    display:block;
    color:#f05a1a;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.parcel-publish-notice-v51219{
    margin:0 0 20px!important;
    padding:14px 16px!important;
    border-radius:14px!important;
    font-size:13px!important;
}

.parcel-publish-form-v51219{
    display:grid!important;
    gap:18px!important;
}

.parcel-publish-form-v51219 > label{
    display:grid;
    gap:7px;
    margin:0!important;
    color:#1e293b;
    font-weight:800;
}

.parcel-publish-form-v51219 input,
.parcel-publish-form-v51219 select,
.parcel-publish-form-v51219 textarea{
    min-height:46px;
    border:1px solid #d9e0e8!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
    padding:11px 14px!important;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.parcel-publish-form-v51219 textarea{
    min-height:105px;
    resize:vertical;
}

.parcel-publish-form-v51219 input:focus,
.parcel-publish-form-v51219 select:focus,
.parcel-publish-form-v51219 textarea:focus{
    outline:none;
    border-color:#f05a1a!important;
    box-shadow:0 0 0 3px rgba(240,90,26,.10)!important;
}

.parcel-publish-form-v51219 input:disabled{
    background:#f4f6f8!important;
    color:#94a3b8!important;
    cursor:not-allowed;
}

.parcel-publish-form-v51219 .grid.two{
    gap:14px!important;
    padding:16px!important;
    border:1px solid #edf0f4;
    border-radius:16px;
    background:#fafbfc;
}

.parcel-publish-form-v51219 h3{
    margin:4px 0 -4px!important;
    padding-top:4px;
    color:#10233f;
    font-size:18px!important;
}

.parcel-publish-form-v51219 h3::before{
    content:"";
    display:inline-block;
    width:4px;
    height:18px;
    margin-right:9px;
    vertical-align:-3px;
    border-radius:4px;
    background:#f05a1a;
}

.parcel-publish-form-v51219 input[type="file"]{
    min-height:auto;
    padding:10px!important;
    background:#fafbfc!important;
    border-style:dashed!important;
}

.parcel-publish-form-v51219 .btn.primary{
    min-height:48px;
    border-radius:12px!important;
    font-weight:900!important;
}

#parcelCalculateV51208{
    margin-top:3px;
}

#parcelPriceV51208{
    margin:0!important;
    border-radius:16px!important;
    padding:18px!important;
}

.parcel-calculation-detail-v51213{
    margin-top:12px!important;
}

.parcel-calculation-detail-v51213 > div{
    min-height:38px;
    display:flex;
    align-items:center;
}

#parcelProposedPriceWrapV51211{
    padding:16px!important;
    border:1px solid #f3c6b2;
    border-radius:16px;
    background:#fff9f6;
}

#parcelProposedPriceWrapV51211 strong{
    font-size:16px;
    color:#10233f;
}

#parcelProposedPriceWrapV51211 small{
    margin-bottom:5px;
}

#parcelConfirmWrapV51208{
    padding:12px 14px;
    border-radius:12px;
    background:#f8fafc;
}

/* ==========================================================
   VOIR LES ANNONCES — BARRE DE RECHERCHE
   ========================================================== */

.announcements-searchbar-v5{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:18px!important;
}

.announcements-searchbar-v5 form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
}

.announcements-searchbar-v5 input{
    min-height:48px!important;
    border:1px solid #dce3ea!important;
    border-radius:13px!important;
    padding:0 16px!important;
    background:#fff!important;
}

.announcements-searchbar-v5 input:focus{
    border-color:#f05a1a!important;
    box-shadow:0 0 0 3px rgba(240,90,26,.10)!important;
    outline:none!important;
}

.announcements-searchbar-v5 .btn{
    min-height:48px!important;
    border-radius:12px!important;
    padding-left:20px!important;
    padding-right:20px!important;
}

.filter-panel-v5{
    margin-top:10px!important;
    border:1px solid #e6ebf0!important;
    border-radius:14px!important;
    background:#fbfcfd!important;
    overflow:hidden;
}

.filter-panel-v5 summary{
    padding:14px 16px!important;
    cursor:pointer;
    font-weight:900;
}

.filter-panel-v5[open] summary{
    border-bottom:1px solid #edf0f4;
}

.filter-panel-v5 .filter-bar{
    padding:16px!important;
    gap:12px!important;
}

/* ==========================================================
   CARTES MARKETPLACE
   ========================================================== */

.listing-grid.listing-grid-compact-v51202{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
}

.listing-card-compact-v51202{
    border:1px solid #e3e8ee!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 6px 20px rgba(15,39,71,.055)!important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}

.listing-card-compact-v51202:hover{
    transform:translateY(-2px);
    border-color:#d8dee7!important;
    box-shadow:0 13px 28px rgba(15,39,71,.09)!important;
}

.listing-grid-compact-v51202 .listing-card-media-v51202{
    aspect-ratio:16/9!important;
    max-height:220px!important;
    background:#f1f4f7!important;
}

.listing-grid-compact-v51202 .listing-card-media-v51202 img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    padding:8px!important;
    box-sizing:border-box!important;
    transition:transform .18s ease;
}

.listing-card-compact-v51202:hover .listing-card-media-v51202 img{
    transform:scale(1.015);
}

.listing-card-body-v51202{
    padding:15px 16px 16px!important;
}

.listing-card-top-v51202{
    margin-bottom:8px!important;
    gap:6px!important;
}

.listing-card-top-v51202 .badge{
    font-size:10px!important;
    padding:5px 8px!important;
}

.listing-card-compact-v51202 h3{
    margin:0 0 8px!important;
    min-height:auto!important;
    font-size:17px!important;
    line-height:1.3!important;
    color:#10233f!important;
}

.listing-card-route-v51202{
    margin-bottom:9px!important;
    font-size:14px!important;
}

.listing-card-facts-v51202{
    margin:5px 0 13px!important;
    gap:0!important;
}

.listing-card-facts-v51202 > span{
    min-height:34px!important;
    padding:7px 0!important;
    border-bottom:1px solid #f0f2f5!important;
}

.listing-card-facts-v51202 small{
    font-size:11px!important;
    color:#718096!important;
}

.listing-card-facts-v51202 strong{
    font-size:12px!important;
    color:#10233f!important;
}

.listing-card-cta-v51202{
    min-height:42px!important;
    border-radius:10px!important;
    font-size:13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

/* Résumé et pagination */

.announcements-results-summary-v51202{
    margin:16px 0 10px!important;
    padding:0 2px;
    font-size:13px!important;
}

.announcements-pagination-v51202{
    margin:20px 0 6px!important;
}

/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1450px){
    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width:1100px){
    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .parcel-publish-page-v51219{
        padding:20px!important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:700px){
    .parcel-publish-page-v51219{
        padding:14px!important;
        border-radius:16px!important;
    }

    .parcel-publish-form-v51219 .grid.two{
        grid-template-columns:1fr!important;
        padding:12px!important;
    }

    .announcements-searchbar-v5{
        grid-template-columns:1fr!important;
    }

    .announcements-searchbar-v5 form{
        grid-template-columns:1fr!important;
    }

    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    .listing-grid-compact-v51202 .listing-card-media-v51202{
        max-height:210px!important;
    }
}


/* FPA_V51220_MY_ADS_UX
   Espace personnel de gestion des annonces */

/* ==========================================================
   PANEL PRINCIPAL
   ========================================================== */

.my-ads-panel-v511102{
    padding:22px!important;
    border:1px solid #e5eaf0!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 32px rgba(15,39,71,.055)!important;
}

.my-ads-panel-v511102 > h2{
    margin:0 0 4px!important;
    font-size:24px!important;
    line-height:1.2!important;
    color:#10233f!important;
}

/* ==========================================================
   EN-TETE
   ========================================================== */

.my-ads-head-v51220{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:4px 0 18px;
    padding-bottom:17px;
    border-bottom:1px solid #edf0f4;
}

.my-ads-head-v51220 > div{
    min-width:0;
}

.my-ads-kicker-v51220{
    display:block;
    margin-bottom:4px;
    color:#f05a1a;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.my-ads-head-v51220 p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.45;
}

.my-ads-head-v51220 .btn{
    flex:0 0 auto;
    min-height:42px!important;
    padding:10px 16px!important;
    border-radius:11px!important;
    font-weight:900!important;
}

/* ==========================================================
   FILTRES
   ========================================================== */

.my-ads-filter-box-v511103,
.my-ads-filter-box-v511104{
    display:grid!important;
    gap:10px!important;
    margin:0 0 16px!important;
    padding:14px!important;
    border:1px solid #e5eaf0!important;
    border-radius:16px!important;
    background:#f8fafc!important;
}

.my-ads-filter-row-v511103,
.my-ads-filter-row-v511104{
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
}

.my-ads-filter-row-v511103 > span,
.my-ads-filter-row-v511104 > span,
.my-ads-filter-row-v511103 > strong{
    color:#64748b!important;
    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}

.my-ads-filter-row-v511103 nav,
.my-ads-filter-row-v511104 nav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
}

.my-ads-filter-pill-v511103,
.my-ads-filter-pill-v511104{
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 10px!important;
    border:1px solid #e3e8ee!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#334155!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
    transition:.15s ease!important;
}

.my-ads-filter-pill-v511103:hover,
.my-ads-filter-pill-v511104:hover{
    border-color:#f05a1a!important;
    color:#f05a1a!important;
}

.my-ads-filter-pill-v511103.active,
.my-ads-filter-pill-v511104.active{
    background:#10233f!important;
    border-color:#10233f!important;
    color:#fff!important;
}

/* ==========================================================
   COMPTEUR
   ========================================================== */

.my-ads-count-v51220{
    display:flex!important;
    align-items:baseline!important;
    gap:5px!important;
    margin:3px 0 10px!important;
    color:#64748b!important;
    font-size:12px!important;
}

.my-ads-count-v51220 strong{
    color:#10233f;
    font-size:17px;
}

/* ==========================================================
   UNE ANNONCE = CARTE DE GESTION
   ========================================================== */

.my-ads-panel-v511102 .listing-row-v511103,
.my-ads-panel-v511102 .listing-row-v511104{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
        "main badges"
        "main actions"!important;
    align-items:center!important;
    gap:8px 18px!important;

    margin:0 0 10px!important;
    padding:14px 15px!important;

    min-height:82px!important;

    border:1px solid #e6eaf0!important;
    border-radius:15px!important;
    background:#fff!important;

    box-shadow:0 3px 10px rgba(15,39,71,.025)!important;
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease!important;
}

.my-ads-panel-v511102 .listing-row-v511103:hover,
.my-ads-panel-v511102 .listing-row-v511104:hover{
    transform:translateY(-1px);
    border-color:#d7dee7!important;
    box-shadow:0 8px 20px rgba(15,39,71,.06)!important;
}

/* ==========================================================
   INFORMATION PRINCIPALE
   ========================================================== */

.my-ads-panel-v511102 .my-ad-main-v511103{
    grid-area:main!important;
    display:grid!important;
    grid-template-columns:135px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
    min-width:0!important;
}

.my-ads-panel-v511102 .my-ad-id-v511103{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    color:#f05a1a!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

.my-ads-panel-v511102 .listing-summary-v511103{
    min-width:0!important;
}

.my-ads-panel-v511102 .listing-summary-v511103 strong{
    display:block!important;
    margin-bottom:5px!important;
    color:#10233f!important;
    font-size:14px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:initial!important;
}

.my-ads-panel-v511102 .listing-summary-v511103 small{
    display:block!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.35!important;
}

/* ==========================================================
   BADGES
   ========================================================== */

.my-ads-panel-v511102 .listing-badges-v511103{
    grid-area:badges!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
}

.my-ads-panel-v511102 .listing-badges-v511103 .badge{
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
}

/* ==========================================================
   ACTIONS
   ========================================================== */

.my-ads-panel-v511102 .listing-actions-v442,
.my-ads-panel-v511102 .listing-actions-v511104{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:0!important;
}

.my-ads-panel-v511102 .listing-actions-v442 .btn.tiny,
.my-ads-panel-v511102 .listing-actions-v442 button.btn.tiny,
.my-ads-panel-v511102 .listing-actions-v442 summary.btn.tiny,
.my-ads-panel-v511102 .listing-actions-v511104 .btn.tiny,
.my-ads-panel-v511102 .listing-actions-v511104 button.btn.tiny,
.my-ads-panel-v511102 .listing-actions-v511104 summary.btn.tiny{
    min-height:31px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 9px!important;
    border-radius:8px!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}

/* Le bouton voir est l'action primaire visuelle */
.my-ads-panel-v511102 .listing-actions-v442 a.btn:first-child,
.my-ads-panel-v511102 .listing-actions-v511104 a.btn:first-child{
    background:#10233f!important;
    border-color:#10233f!important;
    color:#fff!important;
}

/* Supprimer reste visuellement dangereux */
.my-ads-panel-v511102 .listing-actions-v442 .danger,
.my-ads-panel-v511102 .listing-actions-v511104 .danger{
    background:#fff5f5!important;
}

/* ==========================================================
   MENU OPTIONS / SPONSORISATION
   ========================================================== */

.my-ads-panel-v511102 details{
    position:relative;
}

.my-ads-panel-v511102 .sponsor-details-v442 form{
    z-index:20;
    right:0!important;
    border-radius:12px!important;
    box-shadow:0 14px 32px rgba(15,39,71,.13)!important;
}

/* ==========================================================
   TEXTE D'ARCHIVE
   ========================================================== */

.my-ads-panel-v511102 > p.muted:last-child{
    margin:16px 0 0!important;
    padding:12px 14px!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.45!important;
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media(max-width:1050px){

    .my-ads-panel-v511102 .listing-row-v511103,
    .my-ads-panel-v511102 .listing-row-v511104{
        grid-template-columns:1fr!important;
        grid-template-areas:
            "main"
            "badges"
            "actions"!important;
    }

    .my-ads-panel-v511102 .listing-badges-v511103,
    .my-ads-panel-v511102 .listing-actions-v442,
    .my-ads-panel-v511102 .listing-actions-v511104{
        justify-content:flex-start!important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:700px){

    .my-ads-panel-v511102{
        padding:14px!important;
        border-radius:16px!important;
    }

    .my-ads-head-v51220{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .my-ads-head-v51220 .btn{
        width:100%!important;
        text-align:center!important;
    }

    .my-ads-filter-row-v511103,
    .my-ads-filter-row-v511104{
        grid-template-columns:1fr!important;
    }

    .my-ads-filter-row-v511103 nav,
    .my-ads-filter-row-v511104 nav{
        overflow-x:auto!important;
        flex-wrap:nowrap!important;
        padding-bottom:3px!important;
    }

    .my-ads-filter-pill-v511103,
    .my-ads-filter-pill-v511104{
        flex:0 0 auto!important;
    }

    .my-ads-panel-v511102 .my-ad-main-v511103{
        grid-template-columns:1fr!important;
        gap:5px!important;
    }

    .my-ads-panel-v511102 .listing-row-v511103,
    .my-ads-panel-v511102 .listing-row-v511104{
        padding:13px!important;
    }

    .my-ads-panel-v511102 .listing-actions-v442,
    .my-ads-panel-v511102 .listing-actions-v511104{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        width:100%!important;
    }

    .my-ads-panel-v511102 .listing-actions-v442 > *,
    .my-ads-panel-v511102 .listing-actions-v511104 > *{
        width:100%!important;
    }

    .my-ads-panel-v511102 .listing-actions-v442 .btn,
    .my-ads-panel-v511102 .listing-actions-v511104 .btn{
        width:100%!important;
    }
}


/* FPA_V51221_MARKETPLACE_FINAL
   Règle finale prioritaire.
   Même rendu marketplace pour tous les comptes et navigateurs.
*/

/* ----------------------------------------------------------
   GRILLE
   ---------------------------------------------------------- */

.listing-grid.listing-grid-compact-v51202{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
}

.listing-grid.listing-grid-compact-v51202 > article.listing,
.listing-grid.listing-grid-compact-v51202 > .listing{
    display:flex!important;
    flex-direction:column!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
}

/* ----------------------------------------------------------
   CARTE
   ---------------------------------------------------------- */

.listing-grid.listing-grid-compact-v51202
.listing-card-compact-v51202{
    overflow:hidden!important;
    min-height:0!important;
    padding:0!important;

    border:1px solid #e2e8f0!important;
    border-radius:17px!important;

    background:#fff!important;

    box-shadow:
        0 4px 14px rgba(15,39,71,.045)!important;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-compact-v51202:hover{
    transform:translateY(-2px)!important;
    border-color:#d3dae4!important;

    box-shadow:
        0 10px 26px rgba(15,39,71,.09)!important;
}

/* ----------------------------------------------------------
   IMAGE — compacte, propre et identique partout
   ---------------------------------------------------------- */

.listing-grid.listing-grid-compact-v51202
.listing-card-media-v51202{
    display:block!important;

    width:100%!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;

    aspect-ratio:auto!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    background:#eef2f6!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-media-v51202 img{
    display:block!important;

    width:100%!important;
    height:100%!important;

    min-width:0!important;
    min-height:0!important;

    max-width:100%!important;
    max-height:100%!important;

    object-fit:contain!important;
    object-position:center!important;

    margin:0!important;
    padding:8px!important;

    box-sizing:border-box!important;

    border:0!important;
    border-radius:0!important;

    transform:none!important;
}

/* ----------------------------------------------------------
   CONTENU
   ---------------------------------------------------------- */

.listing-grid.listing-grid-compact-v51202
.listing-card-body-v51202{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;

    min-width:0!important;

    padding:14px 15px 15px!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-top-v51202{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;

    gap:5px!important;
    margin:0 0 9px!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-top-v51202 .badge{
    padding:4px 7px!important;

    font-size:9px!important;
    line-height:1!important;

    border-radius:999px!important;
}

/* ----------------------------------------------------------
   TITRE / TRAJET
   ---------------------------------------------------------- */

.listing-grid.listing-grid-compact-v51202
.listing-card-compact-v51202 h3{
    display:-webkit-box!important;

    min-height:44px!important;
    max-height:44px!important;

    margin:0 0 8px!important;

    overflow:hidden!important;

    font-size:16px!important;
    line-height:1.35!important;
    font-weight:900!important;

    color:#10233f!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-route-v51202{
    margin:0 0 9px!important;

    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;

    font-size:13px!important;
    font-weight:800!important;

    color:#475569!important;
}

/* ----------------------------------------------------------
   INFORMATIONS
   ---------------------------------------------------------- */

.listing-grid.listing-grid-compact-v51202
.listing-card-facts-v51202{
    display:grid!important;

    gap:0!important;
    margin:2px 0 12px!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-facts-v51202 > span{
    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    gap:10px!important;

    min-height:31px!important;
    padding:6px 0!important;

    border-bottom:1px solid #edf1f5!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-facts-v51202 small{
    color:#718096!important;
    font-size:10px!important;
}

.listing-grid.listing-grid-compact-v51202
.listing-card-facts-v51202 strong{
    max-width:67%!important;

    color:#10233f!important;

    font-size:11px!important;
    line-height:1.25!important;

    text-align:right!important;

    overflow-wrap:anywhere!important;
}

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

.listing-grid.listing-grid-compact-v51202
.listing-card-cta-v51202{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-height:39px!important;

    margin-top:auto!important;

    padding:8px 12px!important;

    border-radius:9px!important;

    font-size:12px!important;
    font-weight:900!important;
}

/* ----------------------------------------------------------
   BARRE RECHERCHE / FILTRES
   ---------------------------------------------------------- */

.announcements-searchbar-v5{
    gap:9px!important;
}

.announcements-searchbar-v5 input{
    min-height:44px!important;
}

.filter-panel-v5{
    margin-top:9px!important;
}

/* ----------------------------------------------------------
   TABLETTE
   ---------------------------------------------------------- */

@media (max-width:1050px){
    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:700px){
    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:1fr!important;
        gap:13px!important;
    }

    .listing-grid.listing-grid-compact-v51202
    .listing-card-media-v51202{
        height:190px!important;
        min-height:190px!important;
        max-height:190px!important;
    }

    .listing-grid.listing-grid-compact-v51202
    .listing-card-compact-v51202 h3{
        min-height:0!important;
        max-height:none!important;

        display:block!important;
    }
}


/* FPA_V51222_ANNONCES_FINAL_UX */

/* ==========================================================
   VOIR LES ANNONCES — STRUCTURE GENERALE
   ========================================================== */

.announcements-market-v51219{
    padding:20px 22px!important;
    border-radius:20px!important;
}

.announcements-market-head-v51219{
    margin:0 0 14px!important;
}

.announcements-market-head-v51219 h2{
    margin:3px 0 5px!important;
    font-size:23px!important;
    line-height:1.15!important;
    color:#10233f!important;
}

.announcements-market-head-v51219 p{
    margin:0!important;
    color:#64748b!important;
    font-size:13px!important;
    line-height:1.45!important;
}

/* supprimer les grands espaces inutiles */

.announcements-market-v51219 .announcements-actions-v5112{
    margin:8px 0 10px!important;
}

.announcements-market-v51219 .announcements-actions-v5112 .btn{
    min-height:42px!important;
    padding:10px 16px!important;
    border-radius:11px!important;
}

/* ==========================================================
   RECHERCHE
   ========================================================== */

.announcements-market-v51219 .announcements-searchbar-v5{
    margin-top:10px!important;
    gap:9px!important;
}

.announcements-market-v51219 .announcements-searchbar-v5 input{
    min-height:44px!important;
    border-radius:11px!important;
    font-size:13px!important;
}

.announcements-market-v51219 .announcements-searchbar-v5 .btn{
    min-height:44px!important;
    padding:9px 17px!important;
    border-radius:10px!important;
    font-size:12px!important;
}

/* ==========================================================
   FILTRES
   ========================================================== */

.announcements-market-v51219 .filter-panel-v5{
    margin-top:9px!important;
    border-radius:12px!important;
}

.announcements-market-v51219 .filter-panel-v5 summary{
    min-height:42px!important;
    padding:11px 13px!important;
    font-size:12px!important;
}

/* ==========================================================
   GRILLE : IDENTIQUE POUR TOUS LES COMPTES
   ========================================================== */

.listing-grid.listing-grid-compact-v51202{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
}

/* ==========================================================
   CARTES
   ========================================================== */

.listing-card-compact-v51202{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    border:1px solid #e3e8ee!important;
    border-radius:16px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 4px 15px rgba(15,39,71,.045)!important;
}

.listing-card-compact-v51202:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 10px 24px rgba(15,39,71,.08)!important;
}

/* ==========================================================
   IMAGES : PLUS COMPACTES ET UNIFORMES
   ========================================================== */

.listing-grid-compact-v51202 .listing-card-media-v51202{
    width:100%!important;
    height:174px!important;
    min-height:174px!important;
    max-height:174px!important;
    aspect-ratio:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#f3f6f9!important;
}

.listing-grid-compact-v51202 .listing-card-media-v51202 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    padding:8px!important;
    box-sizing:border-box!important;
}

/* ==========================================================
   CONTENU
   ========================================================== */

.listing-card-body-v51202{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    padding:13px 14px 14px!important;
}

.listing-card-top-v51202{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin-bottom:8px!important;
}

.listing-card-top-v51202 .badge{
    min-height:21px!important;
    padding:4px 7px!important;
    font-size:9px!important;
    line-height:1!important;
}

.listing-card-compact-v51202 h3{
    margin:0 0 10px!important;
    font-size:15px!important;
    line-height:1.28!important;
    color:#10233f!important;

    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}

.listing-card-facts-v51202{
    margin:auto 0 11px!important;
}

.listing-card-facts-v51202 > span{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
    min-height:30px!important;
    padding:6px 0!important;
    border-bottom:1px solid #eef1f4!important;
}

.listing-card-facts-v51202 small{
    flex:0 0 auto!important;
    font-size:10px!important;
    color:#718096!important;
}

.listing-card-facts-v51202 strong{
    min-width:0!important;
    text-align:right!important;
    font-size:11px!important;
    color:#10233f!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.listing-card-cta-v51202{
    width:100%!important;
    min-height:38px!important;
    margin-top:auto!important;
    border-radius:9px!important;
    font-size:11px!important;
    font-weight:900!important;
}

/* ==========================================================
   COMPTEUR
   ========================================================== */

.announcements-results-summary-v51202{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:13px 0 8px!important;
    font-size:12px!important;
    color:#64748b!important;
}

/* ==========================================================
   MES ANNONCES — CONSOLIDATION
   ========================================================== */

.my-ads-panel-v511102{
    max-width:none!important;
}

.my-ads-head-v51220{
    margin-bottom:14px!important;
}

.my-ads-panel-v511102 .listing-row-v511103,
.my-ads-panel-v511102 .listing-row-v511104{
    min-height:76px!important;
    margin-bottom:8px!important;
    padding:12px 14px!important;
}

.my-ads-panel-v511102 .listing-summary-v511103 strong{
    font-size:13px!important;
}

.my-ads-panel-v511102 .listing-summary-v511103 small{
    font-size:10px!important;
}

.my-ads-panel-v511102 .listing-actions-v442 .btn.tiny,
.my-ads-panel-v511102 .listing-actions-v511104 .btn.tiny,
.my-ads-panel-v511102 .listing-actions-v442 button.btn.tiny,
.my-ads-panel-v511102 .listing-actions-v511104 button.btn.tiny,
.my-ads-panel-v511102 .listing-actions-v442 summary.btn.tiny,
.my-ads-panel-v511102 .listing-actions-v511104 summary.btn.tiny{
    min-height:29px!important;
    padding:6px 8px!important;
    font-size:10px!important;
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media(max-width:1100px){

    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .listing-grid-compact-v51202 .listing-card-media-v51202{
        height:180px!important;
        min-height:180px!important;
        max-height:180px!important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:700px){

    .announcements-market-v51219{
        padding:14px!important;
    }

    .listing-grid.listing-grid-compact-v51202{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .listing-grid-compact-v51202 .listing-card-media-v51202{
        height:190px!important;
        min-height:190px!important;
        max-height:190px!important;
    }

    .listing-card-compact-v51202 h3{
        font-size:15px!important;
    }
}


/* FPA_V51224_TRANSITAIRE_UX
   Finition visuelle du profil Transitaire / Commissionnaire
   intégré à la plateforme FretPro Africa
*/

/* ==========================================================
   DASHBOARD TRANSITAIRE
   ========================================================== */

.dash-section-head-v51127 h3{
    line-height:1.25;
}

.dash-client-side-v51169{
    margin-top:22px!important;
    padding-top:18px!important;
    border-top:1px solid #e5eaf0;
}

/* ==========================================================
   MES ANNONCES TRANSITAIRE
   ========================================================== */

.tr-myads-v51224{
    border:1px solid #e4e9ef!important;
    border-radius:18px!important;
    padding:20px!important;
    background:#fff!important;
    box-shadow:0 7px 24px rgba(15,39,71,.045)!important;
}

.tr-myads-head-v51224{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    padding-bottom:14px;
    margin-bottom:10px;
    border-bottom:1px solid #edf0f4;
}

.tr-myads-head-v51224 span{
    display:block;
    margin-bottom:4px;
    color:#f05a1a;
    font-size:10px;
    font-weight:900;
    letter-spacing:.11em;
}

.tr-myads-head-v51224 h2{
    margin:0 0 4px!important;
    font-size:22px!important;
    color:#10233f!important;
}

.tr-myads-head-v51224 p{
    margin:0;
    color:#64748b;
    font-size:12px;
}

/* Ancienne liste transitaire transformée en lignes de gestion */

.tr-myads-row-v51224{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 16px!important;
    align-items:center!important;

    padding:13px 14px!important;
    margin:8px 0!important;

    border:1px solid #e5eaf0!important;
    border-radius:13px!important;
    background:#fff!important;
}

.tr-myads-row-v51224 > strong{
    color:#10233f;
    font-size:13px;
}

.tr-myads-row-v51224 small{
    color:#64748b!important;
    font-size:10px!important;
}

.tr-myads-row-v51224 p{
    margin:0!important;
}

.tr-myads-row-v51224 .btn{
    min-height:31px!important;
    padding:6px 10px!important;
    border-radius:8px!important;
    font-size:10px!important;
}

/* ==========================================================
   GRANDES CARTES TRANSITAIRE EXISTANTES
   On conserve les données et les photos, mais on évite
   les cartes disproportionnées.
   ========================================================== */

main article:has(a[href*="annonce-transitaire.php"]) img{
    width:100%!important;
    height:180px!important;
    max-height:180px!important;
    object-fit:cover!important;
}

main article:has(a[href*="annonce-transitaire.php"]){
    border-radius:16px!important;
    overflow:hidden!important;
    border:1px solid #e4e9ef!important;
    box-shadow:0 5px 18px rgba(15,39,71,.045)!important;
}

/* Si plusieurs annonces existent, création d'une grille
   professionnelle automatiquement. */

main div:has(> article a[href*="annonce-transitaire.php"]){
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:start!important;
}

/* ==========================================================
   PUBLIER / PROPOSER
   ========================================================== */

.tr-publish-head-v51224{
    margin-bottom:16px;
}

.tr-publish-head-v51224 > span{
    display:block;
    margin-bottom:5px;
    color:#f05a1a;
    font-size:10px;
    font-weight:900;
    letter-spacing:.11em;
}

.tr-publish-head-v51224 h2{
    margin:0 0 5px!important;
    color:#10233f!important;
    font-size:23px!important;
}

.tr-publish-head-v51224 p{
    margin:0!important;
    color:#64748b!important;
    font-size:12px!important;
}

/*
 * Le hub actuel est constitué de liens pointant vers
 * transitaire_publish&announcement_type=...
 * On transforme automatiquement leur conteneur en grille.
 */

main div:has(> a[href*="transitaire_publish&announcement_type="]){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
}

main a[href*="transitaire_publish&announcement_type="]{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    min-height:88px!important;
    padding:15px 17px 15px 20px!important;

    border:1px solid #e3e8ee!important;
    border-radius:14px!important;

    background:#fff!important;
    text-decoration:none!important;

    box-shadow:0 3px 11px rgba(15,39,71,.025)!important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease!important;
}

main a[href*="transitaire_publish&announcement_type="]::before{
    content:"";
    position:absolute;
    left:0;
    top:13px;
    bottom:13px;
    width:4px;
    border-radius:0 4px 4px 0;
    background:#f05a1a;
}

main a[href*="transitaire_publish&announcement_type="]:hover{
    transform:translateY(-1px)!important;
    border-color:#f0b89f!important;
    box-shadow:0 8px 20px rgba(15,39,71,.06)!important;
}

main a[href*="transitaire_publish&announcement_type="] strong{
    display:block!important;
    margin-bottom:4px!important;

    color:#10233f!important;
    font-size:13px!important;
    line-height:1.3!important;
}

main a[href*="transitaire_publish&announcement_type="] span{
    display:block!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.4!important;
}

/* ==========================================================
   FORMULAIRE TRANSITAIRE
   ========================================================== */

#tr2-publish-form{
    border:1px solid #e4e9ef!important;
    border-radius:18px!important;
    background:#fff!important;
    padding:20px!important;
}

#tr2-publish-form input,
#tr2-publish-form select,
#tr2-publish-form textarea{
    border:1px solid #dce3ea!important;
    border-radius:11px!important;
    box-shadow:none!important;
}

#tr2-publish-form input:focus,
#tr2-publish-form select:focus,
#tr2-publish-form textarea:focus{
    outline:none!important;
    border-color:#f05a1a!important;
    box-shadow:0 0 0 3px rgba(240,90,26,.09)!important;
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media(max-width:1050px){

    main div:has(> article a[href*="annonce-transitaire.php"]){
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    main div:has(> a[href*="transitaire_publish&announcement_type="]){
        grid-template-columns:1fr!important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:700px){

    .tr-myads-v51224{
        padding:14px!important;
    }

    .tr-myads-row-v51224{
        grid-template-columns:1fr!important;
    }

    main div:has(> article a[href*="annonce-transitaire.php"]){
        grid-template-columns:1fr!important;
    }

    main article:has(a[href*="annonce-transitaire.php"]) img{
        height:170px!important;
        max-height:170px!important;
    }

    main a[href*="transitaire_publish&announcement_type="]{
        min-height:78px!important;
    }
}


/*
 * FPA_V51248C_NOTIFICATIONS
 */
.fpa48c-bell{
    position:relative !important;
    overflow:visible !important;
}

.fpa48c-notif-badge{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    background:#e11d48 !important;
    color:#fff !important;
    border:2px solid #fff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    z-index:9999 !important;
    box-shadow:0 2px 7px rgba(15,23,42,.30) !important;
}


/*
 * ==========================================================
 * FPA_V51251_FLOATING_UI
 * Notifications haut droite + install compact + retour haut.
 * ==========================================================
 */

.fpa-global-toast-stack-v51251{
    position:fixed;
    top:84px;
    right:18px;
    z-index:20000;
    width:min(360px,calc(100vw - 32px));
    display:grid;
    gap:10px;
    pointer-events:none;
}

.fpa-toast-v51251{
    pointer-events:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    padding:13px 14px;
    border-radius:14px;
    background:#0f172a;
    color:#fff;
    box-shadow:0 16px 40px rgba(15,23,42,.22);
    border:1px solid rgba(255,255,255,.10);
    animation:fpa-toast-in-v51251 .22s ease-out;
}

.fpa-toast-v51251 strong{
    display:block;
    margin-bottom:3px;
    font-size:12px;
    color:#fff;
}

.fpa-toast-v51251 span{
    display:block;
    font-size:11px;
    line-height:1.45;
    color:#e2e8f0;
}

.fpa-toast-v51251 button{
    border:0;
    background:transparent;
    color:#fff;
    cursor:pointer;
    font-size:17px;
    line-height:1;
    padding:0;
}

.fpa-toast-v51251.is-success{
    background:#14532d;
}

.fpa-toast-v51251.is-error{
    background:#7f1d1d;
}

.fpa-toast-v51251.is-warning{
    background:#78350f;
}

@keyframes fpa-toast-in-v51251{
    from{
        opacity:0;
        transform:translateY(-8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Installer l'application compact */
.fpa-install-compact-v51251{
    position:fixed!important;
    left:18px!important;
    right:auto!important;
    bottom:18px!important;
    z-index:15000!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    max-width:240px!important;
    padding:9px 11px!important;
    border-radius:999px!important;
    box-shadow:0 10px 26px rgba(15,23,42,.18)!important;
}

.fpa-install-compact-v51251 .fpa-install-close-v51251{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:999px;
    border:0;
    background:rgba(255,255,255,.22);
    color:#fff;
    cursor:pointer;
    font-size:14px;
    line-height:1;
}

/* Retour en haut */
#fpa-scroll-top-v51251{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:15000;
    width:44px;
    height:44px;
    border:0;
    border-radius:999px;
    background:#0f172a;
    color:#fff;
    box-shadow:0 10px 26px rgba(15,23,42,.22);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:20px;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.18s ease;
}

#fpa-scroll-top-v51251.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Neutraliser les anciens éléments flottants en bas à droite */
.fpa-toast,
.toast,
.notification-toast,
.flash-toast,
.fpa-notification-popup,
.push-notification,
.pwa-install-banner,
.install-app-banner,
.install-app-button{
    max-width:min(360px,calc(100vw - 32px));
}

/* Mobile */
@media(max-width:700px){

    .fpa-global-toast-stack-v51251{
        top:72px;
        right:12px;
        left:12px;
        width:auto;
    }

    .fpa-install-compact-v51251{
        left:12px!important;
        bottom:12px!important;
        max-width:190px!important;
    }

    #fpa-scroll-top-v51251{
        right:12px;
        bottom:12px;
        width:42px;
        height:42px;
    }
}


/*
 * ==========================================================
 * FPA_V51252_NOTIFICATIONS_LIVE
 * ==========================================================
 */

/* Toast live cliquable */
.fpa-live-toast-link-v51252{
    display:block;
    min-width:0;
    color:#fff!important;
    text-decoration:none!important;
}

.fpa-live-toast-link-v51252:hover{
    opacity:.94;
}

/* Le vrai bouton PWA est déplacé dans ce conteneur */
#fpa-install-wrap-v51252{
    position:fixed!important;
    left:18px!important;
    right:auto!important;
    bottom:18px!important;
    z-index:16000!important;

    display:flex!important;
    align-items:center!important;
    gap:6px!important;
}

#fpa-install-wrap-v51252
#fpa-install-app-button{
    position:static!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    width:auto!important;
    max-width:210px!important;

    margin:0!important;

    padding:10px 15px!important;

    border-radius:999px!important;

    font-size:12px!important;

    white-space:nowrap!important;

    box-shadow:
        0 10px 24px
        rgba(15,23,42,.20)!important;
}

#fpa-install-close-v51252{
    width:30px!important;
    height:30px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:0!important;

    border:0!important;
    border-radius:999px!important;

    background:#0f172a!important;
    color:#fff!important;

    font-size:17px!important;
    line-height:1!important;

    cursor:pointer!important;

    box-shadow:
        0 7px 18px
        rgba(15,23,42,.18)!important;
}

/*
 * Override direct du style injecté par pwa.js
 * même avant que le wrapper soit construit.
 */
#fpa-install-app-button{
    left:18px!important;
    right:auto!important;
}

/* Une seule flèche */
#fpa-scroll-top-v51251{
    display:none!important;
}

#backToTop{
    position:fixed!important;

    left:auto!important;
    right:18px!important;

    bottom:18px!important;

    z-index:15000!important;

    width:44px!important;
    height:44px!important;

    border:0!important;
    border-radius:999px!important;

    background:#0f172a!important;
    color:#fff!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:20px!important;

    cursor:pointer!important;

    box-shadow:
        0 10px 24px
        rgba(15,23,42,.22)!important;

    transition:
        opacity .18s ease,
        transform .18s ease!important;
}

#backToTop.is-hidden{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transform:
        translateY(8px)!important;
}

#backToTop.fpa52-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    transform:none!important;
}

/* Le badge live reste visible */
.fpa52-live-badge{
    display:flex!important;
}

/* Mobile */
@media(max-width:700px){

    #fpa-install-wrap-v51252{
        left:12px!important;
        bottom:12px!important;
    }

    #fpa-install-wrap-v51252
    #fpa-install-app-button{
        max-width:170px!important;
        padding:9px 12px!important;
        font-size:11px!important;
    }

    #backToTop{
        right:12px!important;
        bottom:12px!important;
        width:42px!important;
        height:42px!important;
    }
}


/*
 * ==========================================================
 * FPA_V51253_PWA_TOPBAR
 * ==========================================================
 */

.fpa-pwa-topbar-slot-v51253{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
}

.fpa-pwa-topbar-slot-v51253
#fpa-install-app-button,
#fpa-install-app-button.fpa-pwa-topbar-button-v51253{

    position:static!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    width:auto!important;
    max-width:none!important;

    margin:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:38px!important;

    padding:8px 13px!important;

    border-radius:999px!important;

    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;

    white-space:nowrap!important;

    box-shadow:none!important;

    transform:none!important;
}

/*
 * Supprimer définitivement les anciens conteneurs flottants.
 */
#fpa-install-wrap-v51252{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:contents!important;
}

#fpa-install-close-v51252{
    display:none!important;
}

.fpa-install-compact-v51251{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
}

/*
 * Desktop : Devise | Installer | Cloche | Messages
 */
.topbar-tools-v511132{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

/*
 * Mobile : bouton compact.
 */
@media(max-width:700px){

    .fpa-pwa-topbar-slot-v51253
    #fpa-install-app-button,
    #fpa-install-app-button.fpa-pwa-topbar-button-v51253{

        width:38px!important;
        min-width:38px!important;
        height:38px!important;

        padding:0!important;

        overflow:hidden!important;
        text-indent:-9999px!important;

        position:relative!important;
    }

    .fpa-pwa-topbar-slot-v51253
    #fpa-install-app-button::after,
    #fpa-install-app-button.fpa-pwa-topbar-button-v51253::after{

        content:"↓"!important;

        position:absolute!important;
        inset:0!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        text-indent:0!important;

        font-size:17px!important;
        font-weight:900!important;
    }
}


/*
 * ==========================================================
 * FPA_V51254_UI_CLEANUP
 * ==========================================================
 */

/* ==========================================================
 * REGLEMENT FINANCIER REPLIABLE
 * ========================================================== */

.fpa54-financial-details{
    width:100%;
    margin:10px 0 12px;
    border:1px solid #d7e0ec;
    border-radius:14px;
    background:#f8fafc;
    overflow:hidden;
}

.fpa54-financial-summary{
    list-style:none;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;

    min-height:52px;

    padding:12px 14px;

    background:#f8fafc;

    user-select:none;
}

.fpa54-financial-summary::-webkit-details-marker{
    display:none;
}

.fpa54-financial-summary::after{
    content:"⌄";

    flex:0 0 auto;

    width:28px;
    height:28px;

    border-radius:999px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef2f7;
    color:#0f172a;

    font-size:16px;
    font-weight:900;

    transition:transform .18s ease;
}

.fpa54-financial-details[open]
.fpa54-financial-summary::after{
    transform:rotate(180deg);
}

.fpa54-financial-summary-title{
    display:block;

    font-size:13px;
    font-weight:900;
    line-height:1.2;

    color:#172033;
}

.fpa54-financial-summary-hint{
    display:block;

    margin-left:auto;

    font-size:10px;
    font-weight:700;

    color:#64748b;
}

.fpa54-financial-details[open]
.fpa54-financial-summary{
    border-bottom:1px solid #d7e0ec;
}

/*
 * Le bloc des 8 règles garde son apparence,
 * mais sans marge externe excessive.
 */
.fpa54-financial-details > :not(summary){
    margin-top:0!important;
    margin-bottom:0!important;
}


/* ==========================================================
 * MARKETPLACE : TITRE + PUBLIER / PROPOSER
 * ========================================================== */

.fpa54-market-head{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    margin:0 0 8px;
}

.fpa54-market-head h1,
.fpa54-market-head h2,
.fpa54-market-head h3{
    margin:0!important;
}

.fpa54-market-head
.fpa54-publish-button{
    flex:0 0 auto!important;

    margin:0!important;

    white-space:nowrap!important;

    min-height:40px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}


/* ==========================================================
 * PWA : AUCUN RETOUR EN BAS DE PAGE
 * ========================================================== */

#fpa-install-wrap-v51252,
#fpa-install-close-v51252{
    display:none!important;
}

.fpa-pwa-topbar-slot-v51253
#fpa-install-app-button{
    position:static!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    margin:0!important;

    transform:none!important;
}


/* ==========================================================
 * RESPONSIVE
 * ========================================================== */

@media(max-width:700px){

    .fpa54-market-head{
        align-items:center;
        gap:8px;
    }

    .fpa54-market-head
    .fpa54-publish-button{
        padding:9px 11px!important;

        font-size:10px!important;
    }

    .fpa54-financial-summary{
        padding:11px 12px;
    }

    .fpa54-financial-summary-hint{
        display:none;
    }

    .fpa54-financial-summary-title{
        font-size:12px;
    }
}


/*
 * ==========================================================
 * FPA_V51255_GLOBAL_BADGES
 * ==========================================================
 */

/*
 * Les deux icônes deviennent leurs propres repères
 * pour positionner correctement les badges.
 */
.fpa55-bell,
.fpa55-envelope{
    position:relative!important;
    overflow:visible!important;
}

/*
 * Badge général.
 */
.fpa55-bell .message-count,
.fpa55-envelope .message-count,
.fpa48c-notif-badge,
.fpa55-message-badge{

    position:absolute!important;

    top:-7px!important;
    right:-7px!important;

    z-index:25000!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:20px!important;
    height:20px!important;

    padding:0 5px!important;

    margin:0!important;

    border-radius:999px!important;

    border:2px solid #fff!important;

    background:#e11d48!important;
    color:#fff!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;

    box-shadow:
        0 2px 7px
        rgba(15,23,42,.30)!important;

    opacity:1!important;
    visibility:visible!important;

    transform:none!important;

    pointer-events:none!important;
}

/*
 * État non lu visible même sans badge,
 * utile pendant les quelques millisecondes du polling.
 */
.fpa55-bell.has-unread,
.fpa55-envelope.has-unread{
    background:#fff7ed!important;
}

/*
 * Message : même badge mais possibilité de distinction
 * future sans toucher au moteur.
 */
.fpa55-envelope .fpa55-message-badge{
    background:#dc2626!important;
}

/*
 * Toast message légèrement identifiable.
 */
.fpa55-toast-message{
    border-left:4px solid #f97316!important;
}

/*
 * Ne jamais masquer les badges dans les règles mobiles
 * historiques.
 */
@media(max-width:700px){

    .fpa55-bell .message-count,
    .fpa55-envelope .message-count,
    .fpa48c-notif-badge,
    .fpa55-message-badge{
        display:flex!important;
        min-width:18px!important;
        height:18px!important;
        font-size:9px!important;
        top:-5px!important;
        right:-5px!important;
    }
}


/*
 * ==========================================================
 * FPA_V51256_READ_STATE
 * Badges fiables cloche + enveloppe
 * ==========================================================
 */

.fpa55-bell,
.fpa55-envelope{
    position:relative!important;
    overflow:visible!important;
}

.fpa56-count{
    position:absolute!important;

    top:-7px!important;
    right:-8px!important;

    z-index:30000!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:20px!important;
    height:20px!important;

    padding:0 5px!important;

    border-radius:999px!important;

    border:2px solid #fff!important;

    color:#fff!important;

    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;

    opacity:1!important;
    visibility:visible!important;

    pointer-events:none!important;

    box-shadow:
        0 2px 8px
        rgba(15,23,42,.28)!important;
}

/* Notifications système */
.fpa56-notification-count{
    background:#e11d48!important;
}

/* Messages personnels */
.fpa56-message-count{
    background:#2563eb!important;
}

/*
 * Le fond de l'icône ne doit plus servir
 * d'indicateur principal.
 * Le chiffre fait foi.
 */
.fpa55-bell.has-unread,
.fpa55-envelope.has-unread{
    background:#fff!important;
}

/*
 * Centre notifications :
 * seules les non-lues restent légèrement colorées.
 */
.notification-card-v441.unread{
    background:#fff7ed!important;
    border-color:#fed7aa!important;
}

.notification-card-v441:not(.unread){
    background:#fff!important;
}

/*
 * Bouton de lecture individuel.
 */
.fpa56-notification-open{
    white-space:nowrap!important;
}

@media(max-width:700px){

    .fpa56-count{
        top:-5px!important;
        right:-5px!important;

        min-width:18px!important;
        height:18px!important;

        font-size:9px!important;

        padding:0 4px!important;
    }
}


/*
 * ==========================================================
 * FPA_V51257_FINAL_BADGES
 * Badge fiable basé sur data-unread
 * ==========================================================
 */

.fpa55-bell,
.fpa55-envelope{
    position:relative!important;
    overflow:visible!important;
}

/*
 * Les anciens spans ne servent plus visuellement.
 */
.fpa55-bell > .message-count,
.fpa55-envelope > .message-count,
.fpa55-bell > .fpa56-count,
.fpa55-envelope > .fpa56-count{
    display:none!important;
}

/*
 * CLOCHE — rouge
 */
.fpa55-bell[data-unread]:not([data-unread="0"])::after{
    content:attr(data-unread)!important;

    position:absolute!important;
    top:-8px!important;
    right:-9px!important;

    z-index:50000!important;

    min-width:20px!important;
    height:20px!important;

    padding:0 5px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    background:#dc2626!important;
    color:#fff!important;

    border:2px solid #fff!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;

    box-shadow:
        0 2px 8px
        rgba(15,23,42,.30)!important;

    pointer-events:none!important;
}

/*
 * ENVELOPPE — bleu
 */
.fpa55-envelope[data-unread]:not([data-unread="0"])::after{
    content:attr(data-unread)!important;

    position:absolute!important;
    top:-8px!important;
    right:-9px!important;

    z-index:50000!important;

    min-width:20px!important;
    height:20px!important;

    padding:0 5px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    background:#2563eb!important;
    color:#fff!important;

    border:2px solid #fff!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;

    box-shadow:
        0 2px 8px
        rgba(15,23,42,.30)!important;

    pointer-events:none!important;
}

/*
 * Pas de fond jaune/blanc ambigu.
 * Le nombre est le seul indicateur de non-lu.
 */
.fpa55-bell.has-unread,
.fpa55-envelope.has-unread{
    background:transparent!important;
}

/*
 * Conversation non lue dans la liste :
 * visuellement très claire.
 */
.msg-conv-v61n:has(.msg-unread-v61n){
    background:#fff7ed!important;
    border-left:4px solid #f97316!important;
}

/*
 * Une conversation sélectionnée n'est colorée que
 * lorsqu'elle est réellement ouverte.
 */
.msg-conv-v61n.active{
    border-left:4px solid #f97316!important;
}

/*
 * Notification métier non lue.
 */
.notification-card-v441.unread{
    background:#fff7ed!important;
    border-color:#fdba74!important;
}

/*
 * Notification lue.
 */
.notification-card-v441:not(.unread){
    background:#fff!important;
}

@media(max-width:700px){

    .fpa55-bell[data-unread]:not([data-unread="0"])::after,
    .fpa55-envelope[data-unread]:not([data-unread="0"])::after{

        top:-6px!important;
        right:-6px!important;

        min-width:18px!important;
        height:18px!important;

        padding:0 4px!important;

        font-size:9px!important;
    }
}


/*
 * ==========================================================
 * FPA_V51259_SOURCE_UI_FIX
 * ==========================================================
 */

/*
 * MARKETPLACE
 *
 * Le bouton Publier / Proposer se trouve déjà dans
 * announcements-market-head-v51219.
 * On aligne donc directement les deux enfants du header.
 */

.announcements-market-v51219
.announcements-market-head-v51219{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
}

.announcements-market-v51219
.announcements-market-head-v51219 > div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
.announcements-actions-v5112{
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
.announcements-actions-v5112
.btn{
    margin:0!important;
    white-space:nowrap!important;
}

/*
 * La recherche commence sous l'en-tête.
 */
.announcements-market-v51219
.announcements-searchbar-v5{
    clear:both!important;
    width:100%!important;
    margin-top:14px!important;
}


/*
 * REGLEMENT FINANCIER TRANSITAIRE
 */

.tr-financial-details-v51259{
    width:100%!important;
    margin:10px 0 12px!important;

    border:1px solid #d8e1ec!important;
    border-radius:14px!important;

    background:#f8fafc!important;

    overflow:hidden!important;
}

.tr-financial-details-v51259 > summary{
    list-style:none!important;
    cursor:pointer!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;

    min-height:52px!important;

    padding:12px 14px!important;

    color:#172033!important;
    background:#f8fafc!important;

    font-size:13px!important;
    font-weight:900!important;
}

.tr-financial-details-v51259 > summary::-webkit-details-marker{
    display:none!important;
}

.tr-financial-details-v51259 > summary small{
    margin-left:auto!important;

    color:#64748b!important;

    font-size:10px!important;
    font-weight:700!important;
}

.tr-financial-details-v51259 > summary::after{
    content:"⌄"!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 auto!important;

    width:28px!important;
    height:28px!important;

    border-radius:999px!important;

    background:#e9eef5!important;
    color:#172033!important;

    font-size:16px!important;
    font-weight:900!important;

    transition:transform .18s ease!important;
}

.tr-financial-details-v51259[open]
> summary::after{
    transform:rotate(180deg)!important;
}

.tr-financial-details-v51259[open]
> summary{
    border-bottom:1px solid #d8e1ec!important;
}

/*
 * <details> fermé = corps réellement absent visuellement.
 */
.tr-financial-details-v51259:not([open])
.tr-financial-details-body-v51259{
    display:none!important;
}

.tr-financial-details-body-v51259{
    padding:0!important;
}


/*
 * MOBILE
 */
@media(max-width:700px){

    .announcements-market-v51219
    .announcements-market-head-v51219{
        gap:8px!important;
    }

    .announcements-market-v51219
    .announcements-market-head-v51219
    .announcements-actions-v5112
    .btn{
        padding:8px 10px!important;
        font-size:10px!important;
    }

    .tr-financial-details-v51259 > summary{
        padding:11px 12px!important;
        font-size:12px!important;
    }

    .tr-financial-details-v51259 > summary small{
        display:none!important;
    }
}

/*
 * FPA_V51260_PUBLISH_POSITION_FINAL
 * Publier / Proposer exactement sur la ligne du titre.
 */

.announcements-market-v51219
.announcements-market-head-v51219{
    position:relative!important;
    display:block!important;
    width:100%!important;
    padding-right:190px!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
.announcements-actions-v5112{
    position:absolute!important;
    top:24px!important;
    right:0!important;
    margin:0!important;
    padding:0!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
.announcements-actions-v5112 .btn{
    margin:0!important;
    white-space:nowrap!important;
}

@media(max-width:700px){

    .announcements-market-v51219
    .announcements-market-head-v51219{
        padding-right:145px!important;
    }

    .announcements-market-v51219
    .announcements-market-head-v51219
    .announcements-actions-v5112{
        top:22px!important;
    }
}



/*
 * ==========================================================
 * FPA_V51261_MARKETPLACE_STRUCTURE
 * Structure source définitive du header Marketplace.
 * ==========================================================
 */

.announcements-market-v51219
.announcements-market-head-v51219{
    position:static!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    width:100%!important;

    gap:24px!important;

    padding:0!important;
    margin:0 0 16px!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
> div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
.announcements-actions-v5112{
    position:static!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    transform:none!important;

    flex:0 0 auto!important;

    margin:0!important;
    padding:0!important;

    align-self:center!important;
}

.announcements-market-v51219
.announcements-market-head-v51219
.announcements-actions-v5112
.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;

    white-space:nowrap!important;
}

/*
 * Recherche : vraie ligne indépendante,
 * largeur complète.
 */
.announcements-market-v51219
.announcements-searchbar-v5{
    display:flex!important;

    width:100%!important;

    clear:both!important;

    margin:0 0 10px!important;
    padding:0!important;

    gap:9px!important;
}

.announcements-market-v51219
.announcements-searchbar-v5 form{
    display:flex!important;

    flex:1 1 auto!important;
    min-width:0!important;

    gap:9px!important;
}

.announcements-market-v51219
.announcements-searchbar-v5 form input{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
}

/*
 * Le mauvais positionnement V51260 est donc
 * complètement neutralisé par ces règles plus récentes.
 */

@media(max-width:700px){

    .announcements-market-v51219
    .announcements-market-head-v51219{
        gap:10px!important;
        margin-bottom:12px!important;
        padding:0!important;
    }

    .announcements-market-v51219
    .announcements-market-head-v51219
    .announcements-actions-v5112{
        position:static!important;
    }

    .announcements-market-v51219
    .announcements-market-head-v51219
    .announcements-actions-v5112
    .btn{
        padding:8px 10px!important;
        font-size:10px!important;
    }
}


/*
 * ==========================================================
 * FPA_V51262_DEMANDES_DEVIS
 * ==========================================================
 */

.tr-client-requests-head-v51262{
    margin-bottom:14px!important;
}

.tr-client-quote-v51262{
    margin:14px 0!important;
    border:1px solid #dce3ec!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#fff!important;
}

.tr-client-quote-summary-v51262{
    list-style:none!important;
    cursor:pointer!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:14px!important;

    padding:12px 14px!important;

    background:#f8fafc!important;

    color:#172033!important;

    font-size:13px!important;
    font-weight:800!important;
}

.tr-client-quote-summary-v51262::-webkit-details-marker{
    display:none!important;
}

.tr-client-quote-summary-v51262 span{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.tr-client-quote-summary-v51262 span::before{
    content:"€"!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:26px!important;
    height:26px!important;

    border-radius:999px!important;

    background:#fff1e9!important;
    color:#f05a1a!important;

    font-weight:900!important;
}

.tr-client-quote-summary-v51262 small{
    color:#f05a1a!important;
    font-size:12px!important;
    font-weight:900!important;
}

.tr-client-quote-summary-v51262::after{
    content:"⌄"!important;

    margin-left:4px!important;

    font-size:16px!important;
    font-weight:900!important;

    transition:transform .18s ease!important;
}

.tr-client-quote-v51262[open]
> .tr-client-quote-summary-v51262::after{
    transform:rotate(180deg)!important;
}

.tr-client-quote-v51262[open]
> .tr-client-quote-summary-v51262{
    border-bottom:1px solid #dce3ec!important;
}

.tr-client-quote-body-v51262{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
}

.tr-client-quote-actions-v51262{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    margin-top:14px!important;
}

/*
 * Historique reste distinct et replié.
 */
.tr-client-quote-v51262 + details{
    margin-top:10px!important;
}

@media(max-width:700px){

    .tr-client-quote-summary-v51262{
        padding:11px 12px!important;
    }

    .tr-client-quote-actions-v51262{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
    }
}

/*
 * ==========================================================
 * FPA_V51263_DEVIS_VISIBLE
 * Force l'affichage réel du corps du devis quand <details>
 * est ouvert.
 * ==========================================================
 */

.tr-client-quote-v51262:not([open])
> .tr-client-quote-body-v51262{
    display:none!important;
}

.tr-client-quote-v51262[open]
> .tr-client-quote-body-v51262{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    position:static!important;
    transform:none!important;
}

.tr-client-quote-body-v51262{
    width:100%!important;
    box-sizing:border-box!important;
    padding:16px!important;
    background:#fff!important;
    color:#172033!important;
}

.tr-client-quote-body-v51262 h3{
    margin:0 0 10px!important;
}

.tr-client-quote-body-v51262 p{
    margin:8px 0!important;
}

.tr-client-quote-actions-v51262{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:16px!important;
}

@media(max-width:700px){
    .tr-client-quote-body-v51262{
        padding:14px!important;
    }

    .tr-client-quote-actions-v51262{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
    }

    .tr-client-quote-actions-v51262 .btn{
        width:100%!important;
    }
}


/*
 * ==========================================================
 * FPA_V51265_STATUTS_COMPACTS
 * Statuts propres sur Demandes & devis.
 * ==========================================================
 */

.tr-client-status-v51265{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;

    height:auto!important;
    min-height:28px!important;
    max-height:none!important;

    padding:6px 11px!important;
    margin:0!important;

    border-radius:999px!important;

    white-space:nowrap!important;

    font-size:11px!important;
    line-height:1.15!important;
    font-weight:900!important;

    text-align:center!important;

    flex:0 0 auto!important;

    background:#fff4e8!important;
    color:#b96808!important;
    border:1px solid #fed7aa!important;

    box-shadow:none!important;
    aspect-ratio:auto!important;
}

@media(max-width:700px){
    .tr-client-status-v51265{
        min-height:26px!important;
        padding:5px 9px!important;
        font-size:10px!important;
    }
}


/* FPA_V51266_CLIENT_UI_REDESIGN */
:root{
  --f66-ink:#10213a;--f66-muted:#667085;--f66-line:#e5eaf1;
  --f66-soft:#f7f9fc;--f66-blue:#123f92;--f66-blue-soft:#eef4ff;
  --f66-green:#18864b;--f66-green-soft:#eaf8f0;
  --f66-orange:#a15c00;--f66-orange-soft:#fff6e8;
  --f66-red:#b42318;--f66-red-soft:#fff0ef;
}

/* Dashboard client */
.fpa-client-dashboard-v51266{width:100%!important;max-width:none!important;margin:0!important;display:grid;gap:18px}
.fpa-client-dashboard-v51266 .dash-hero-v51127{width:100%;padding:26px!important;border:1px solid var(--f66-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 28px rgba(16,33,58,.06)!important}
.fpa-client-dashboard-v51266 .dash-person-v51127 h2{margin:4px 0 8px!important;color:var(--f66-ink);font-size:clamp(24px,2.2vw,34px)!important}
.fpa-client-dashboard-v51266 .dash-status-card-v51127{width:min(320px,100%)!important;border:1px solid var(--f66-line)!important;border-radius:16px!important;background:var(--f66-soft)!important;box-shadow:none!important}
.fpa-client-dashboard-v51266 .dash-summary-v51127{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
.fpa-client-dashboard-v51266 .dash-metric-v51127{min-width:0!important;min-height:132px;padding:18px!important;border:1px solid var(--f66-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,33,58,.05)!important}
.fpa-client-dashboard-v51266 .dash-metric-v51127 span{color:var(--f66-muted)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.045em;font-weight:800!important}
.fpa-client-dashboard-v51266 .dash-metric-v51127 strong{color:var(--f66-ink)!important;font-size:28px!important;line-height:1.1;margin:10px 0 5px!important}
.fpa-client-dashboard-v51266 .dash-two-col-v51127{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)!important;gap:18px!important;width:100%!important}
.fpa-client-dashboard-v51266 .dash-panel-v51127{margin:0!important;padding:22px!important;border:1px solid var(--f66-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,33,58,.05)!important}
.fpa-client-dashboard-v51266 .dash-actions-grid-v51127{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.fpa-client-dashboard-v51266 .dash-action-v51127{border:1px solid var(--f66-line)!important;border-radius:14px!important;background:var(--f66-soft)!important;padding:14px!important}
.fpa-dashboard-ad-v51266{margin-top:24px!important}

/* Base */
.fpa-client-requests-v51266{width:100%;max-width:none;display:grid;gap:18px}
.fpa-page-head-v51266{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 26px;border:1px solid var(--f66-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,33,58,.05)}
.fpa-page-head-v51266 h1{margin:3px 0 6px;color:var(--f66-ink);font-size:clamp(26px,2.6vw,38px);letter-spacing:-.025em}
.fpa-page-head-v51266 p{margin:0;max-width:760px;color:var(--f66-muted)}
.fpa-eyebrow-v51266,.fpa-card-head-v51266 span,.fpa-note-v51266>span,.fpa-quote-copy-v51266>span,.fpa-quote-line-v51266>span{color:#7b8797;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.fpa-empty-v51266{padding:36px;border:1px dashed #cad3df;border-radius:20px;background:#fff;text-align:center}
.fpa-empty-v51266 strong{display:block;color:var(--f66-ink);font-size:20px}
.fpa-empty-v51266 p{color:var(--f66-muted)}

/* Demandes & devis */
.fpa-request-toolbar-v51266{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px}
.fpa-request-toolbar-v51266>div:first-child{display:flex;align-items:baseline;gap:7px}
.fpa-request-toolbar-v51266 strong{color:var(--f66-ink);font-size:22px}
.fpa-request-toolbar-v51266 span,.fpa-toolbar-note-v51266{color:var(--f66-muted);font-size:13px}
.fpa-request-list-v51266{display:grid;gap:14px}
.fpa-request-card-v51266{padding:20px;border:1px solid var(--f66-line);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(16,33,58,.045)}
.fpa-request-card-top-v51266{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.fpa-request-card-top-v51266 h2{margin:5px 0 4px;color:var(--f66-ink);font-size:19px}
.fpa-request-card-top-v51266 p{margin:0;color:var(--f66-muted)}
.fpa-ref-v51266{display:inline-block;color:#536174;font-size:12px;font-weight:900;letter-spacing:.035em}
.fpa-status-v51266{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.fpa-status-v51266.is-ok{color:var(--f66-green);background:var(--f66-green-soft);border-color:#c8ead6}
.fpa-status-v51266.is-warn{color:var(--f66-orange);background:var(--f66-orange-soft);border-color:#f1d5aa}
.fpa-status-v51266.is-danger{color:var(--f66-red);background:var(--f66-red-soft);border-color:#f2cac6}
.fpa-status-v51266.is-info{color:var(--f66-blue);background:var(--f66-blue-soft);border-color:#d4e2ff}
.fpa-route-v51266{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:10px;margin:18px 0;padding:13px 16px;border-radius:14px;background:var(--f66-soft)}
.fpa-route-v51266 div{display:grid;gap:3px}.fpa-route-v51266 div:last-child{text-align:right}
.fpa-route-v51266 span{color:var(--f66-muted);font-size:11px;font-weight:800;text-transform:uppercase}
.fpa-route-v51266 strong{color:var(--f66-ink);font-size:14px}.fpa-route-v51266 i{color:#8b98aa;text-align:center;font-style:normal}
.fpa-request-info-v51266{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--f66-line);border-bottom:1px solid var(--f66-line)}
.fpa-request-info-v51266>div{display:grid;gap:5px;padding:13px 14px}.fpa-request-info-v51266>div+div{border-left:1px solid var(--f66-line)}
.fpa-request-info-v51266 span{color:var(--f66-muted);font-size:11px;text-transform:uppercase;font-weight:800}.fpa-request-info-v51266 strong{color:var(--f66-ink);font-size:14px}
.fpa-request-summary-v51266{margin:14px 0 0;color:#4e5b6c;line-height:1.55}
.fpa-request-actions-v51266{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}

/* Dossier */
.fpa-dossier-top-v51266{display:grid;gap:12px}.fpa-back-v51266{width:max-content;color:#536174;font-size:13px;font-weight:800;text-decoration:none}
.fpa-dossier-title-v51266{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;border:1px solid var(--f66-line);border-radius:20px;background:#fff}
.fpa-dossier-title-v51266 h2{margin:5px 0;color:var(--f66-ink);font-size:25px}.fpa-dossier-title-v51266 p{margin:0;color:var(--f66-muted)}
.fpa-dossier-layout-v51266{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:18px;align-items:start}
.fpa-dossier-main-v51266,.fpa-dossier-side-v51266{display:grid;gap:16px}.fpa-dossier-side-v51266{position:sticky;top:18px}
.fpa-card-v51266{padding:20px;border:1px solid var(--f66-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(16,33,58,.04)}
.fpa-card-head-v51266{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.fpa-card-head-v51266 h3{margin:3px 0 0;color:var(--f66-ink);font-size:18px}.fpa-card-head-v51266 small{color:var(--f66-muted)}
.fpa-kv-grid-v51266{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--f66-line);border-radius:14px;overflow:hidden}
.fpa-kv-grid-v51266>div{display:grid;gap:4px;padding:12px 14px;background:#fff}.fpa-kv-grid-v51266>div:nth-child(odd){border-right:1px solid var(--f66-line)}.fpa-kv-grid-v51266>div:nth-child(n+3){border-top:1px solid var(--f66-line)}
.fpa-kv-grid-v51266 span{color:var(--f66-muted);font-size:11px;text-transform:uppercase;font-weight:800}.fpa-kv-grid-v51266 strong{color:var(--f66-ink);font-size:14px}
.fpa-note-v51266{margin-top:14px;padding:14px;border-radius:13px;background:var(--f66-soft)}.fpa-note-v51266 p{margin:6px 0 0;color:#465466;line-height:1.55}
.fpa-photo-grid-v51266{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.fpa-photo-grid-v51266 a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--f66-line);border-radius:12px;background:var(--f66-soft)}.fpa-photo-grid-v51266 img{width:100%;height:100%;object-fit:cover}
.fpa-doc-list-v51266{display:grid;gap:8px}.fpa-doc-row-v51266{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--f66-line);border-radius:12px}.fpa-doc-row-v51266>div{display:grid;gap:2px;min-width:0}.fpa-doc-row-v51266 span,.fpa-doc-row-v51266 small{color:var(--f66-muted);font-size:11px}.fpa-doc-row-v51266 strong{overflow-wrap:anywhere;color:var(--f66-ink);font-size:13px}
.fpa-requested-doc-v51266{margin-top:12px;padding:13px 14px;border-left:3px solid #e89a31;border-radius:0 12px 12px 0;background:#fff9f0}.fpa-requested-doc-v51266 p{margin:6px 0}.fpa-requested-doc-v51266 small{color:var(--f66-muted)}
.fpa-upload-v51266{display:grid;gap:11px;margin-top:14px;padding:16px;border:1px solid #d8e4f8;border-radius:14px;background:#f7faff}.fpa-upload-v51266 h4{margin:0;color:var(--f66-ink)}
.fpa-timeline-v51266{display:grid}.fpa-timeline-item-v51266{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:0 0 16px}.fpa-timeline-item-v51266:last-child{padding-bottom:0}.fpa-timeline-item-v51266:before{content:"";position:absolute;left:6px;top:12px;bottom:-2px;width:1px;background:#dce3eb}.fpa-timeline-item-v51266:last-child:before{display:none}.fpa-timeline-item-v51266 i{position:relative;z-index:1;width:13px;height:13px;margin-top:3px;border:3px solid #fff;border-radius:50%;background:#5176ad;box-shadow:0 0 0 1px #cdd8e7}.fpa-timeline-item-v51266 strong{color:var(--f66-ink);font-size:13px}.fpa-timeline-item-v51266 p{margin:4px 0;color:#526174;font-size:13px}.fpa-timeline-item-v51266 small{color:#8a96a6;font-size:11px}

/* Devis */
.fpa-quote-card-v51266{border-color:#d8e5da}.fpa-quote-empty-v51266{padding:16px;border-radius:13px;background:var(--f66-soft)}.fpa-quote-empty-v51266 p{margin:5px 0 0;color:var(--f66-muted)}
.fpa-quote-amount-v51266{display:grid;gap:3px;margin-bottom:14px;padding:14px;border-radius:14px;background:#f2faf5}.fpa-quote-amount-v51266 span{color:#5d7265;font-size:11px;text-transform:uppercase;font-weight:800}.fpa-quote-amount-v51266 strong{color:#126b3c;font-size:25px}
.fpa-quote-meta-v51266{display:grid;border:1px solid var(--f66-line);border-radius:12px;overflow:hidden}.fpa-quote-meta-v51266>div,.fpa-quote-line-v51266{display:flex;justify-content:space-between;gap:14px;padding:10px 12px}.fpa-quote-meta-v51266>div+div{border-top:1px solid var(--f66-line)}.fpa-quote-meta-v51266 span{color:var(--f66-muted);font-size:12px}.fpa-quote-meta-v51266 strong{color:var(--f66-ink);font-size:12px;text-align:right}
.fpa-quote-line-v51266{margin-top:10px;border-radius:11px;background:var(--f66-soft)}.fpa-quote-copy-v51266{margin-top:13px}.fpa-quote-copy-v51266 p{margin:6px 0 0;color:#465466;line-height:1.5}.fpa-quote-actions-v51266{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.fpa-accepted-v51266{display:grid;gap:8px;margin-top:14px;padding:14px;border-radius:13px;background:var(--f66-green-soft);color:#155c37}.fpa-accepted-v51266 p{margin:0}.fpa-side-actions-v51266{display:grid;gap:9px}.fpa-side-actions-v51266 .fpa-card-head-v51266{margin-bottom:3px}

/* Règlement financier */
.fpa-financial-accordion-v51266{margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--f66-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(16,33,58,.04)}
.fpa-financial-accordion-v51266>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.fpa-financial-accordion-v51266>summary::-webkit-details-marker{display:none}.fpa-financial-accordion-v51266>summary span{display:grid;gap:3px}.fpa-financial-accordion-v51266>summary strong{color:var(--f66-ink);font-size:14px}.fpa-financial-accordion-v51266>summary small{color:var(--f66-muted);font-size:11px;font-weight:500}.fpa-financial-accordion-v51266>summary>b{color:#7b8797;font-size:20px;transition:transform .2s ease}.fpa-financial-accordion-v51266[open]>summary{border-bottom:1px solid var(--f66-line);background:var(--f66-soft)}.fpa-financial-accordion-v51266[open]>summary>b{transform:rotate(180deg)}
.fpa-financial-accordion-v51266 .tr47-rule-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:8px 18px 14px}.fpa-financial-accordion-v51266 .tr47-rule-grid>div{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid var(--f66-line);background:transparent!important}.fpa-financial-accordion-v51266 .tr47-rule-grid>div:last-child{border-bottom:0}.fpa-financial-accordion-v51266 .tr47-rule-grid b{color:var(--f66-ink);font-size:12px}.fpa-financial-accordion-v51266 .tr47-rule-grid span{color:var(--f66-muted);font-size:12px;line-height:1.5}

@media(max-width:1180px){
 .fpa-client-dashboard-v51266 .dash-summary-v51127{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
 .fpa-page-head-v51266,.fpa-dossier-title-v51266{align-items:flex-start;flex-direction:column}
 .fpa-dossier-layout-v51266,.fpa-client-dashboard-v51266 .dash-two-col-v51127{grid-template-columns:1fr!important}
 .fpa-dossier-side-v51266{position:static}
 .fpa-photo-grid-v51266{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
 .fpa-client-dashboard-v51266 .dash-hero-v51127{padding:18px!important}
 .fpa-client-dashboard-v51266 .dash-summary-v51127{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .fpa-client-dashboard-v51266 .dash-metric-v51127{min-height:112px;padding:14px!important}
 .fpa-client-dashboard-v51266 .dash-metric-v51127 strong{font-size:23px!important}
 .fpa-client-dashboard-v51266 .dash-actions-grid-v51127{grid-template-columns:1fr!important}
 .fpa-page-head-v51266,.fpa-dossier-title-v51266,.fpa-card-v51266,.fpa-request-card-v51266{padding:16px;border-radius:16px}
 .fpa-request-toolbar-v51266,.fpa-request-card-top-v51266{align-items:flex-start;flex-direction:column}
 .fpa-route-v51266{grid-template-columns:1fr;gap:6px}.fpa-route-v51266 i{text-align:left;transform:rotate(90deg);width:20px}.fpa-route-v51266 div:last-child{text-align:left}
 .fpa-request-info-v51266{grid-template-columns:1fr}.fpa-request-info-v51266>div+div{border-left:0;border-top:1px solid var(--f66-line)}
 .fpa-request-actions-v51266{display:grid;grid-template-columns:1fr}.fpa-request-actions-v51266 .btn{width:100%;justify-content:center}
 .fpa-kv-grid-v51266{grid-template-columns:1fr}.fpa-kv-grid-v51266>div:nth-child(odd){border-right:0}.fpa-kv-grid-v51266>div+div{border-top:1px solid var(--f66-line)}
 .fpa-photo-grid-v51266{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fpa-doc-row-v51266{align-items:flex-start;flex-direction:column}
 .fpa-quote-actions-v51266{grid-template-columns:1fr}
}

/* Marketplace announcements — unified responsive redesign. */
.announcements-market-redesign{
    overflow:hidden;
    padding:28px!important;
    border:1px solid #e4eaf2!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;
}
.announcements-market-redesign .announcements-market-kicker-v51219{
    display:block;
    margin-bottom:7px;
    color:var(--orange,#f97316);
    font-size:12px;
    font-weight:900;
    letter-spacing:.13em;
}
.announcements-market-redesign h1{
    margin:0 0 7px;
    color:var(--navy,#10213a);
    font-size:clamp(30px,4vw,44px);
    line-height:1.05;
    letter-spacing:-.04em;
}
.announcements-market-redesign .announcements-market-head-v51219{
    align-items:flex-start!important;
    margin-bottom:22px!important;
}
.announcements-market-redesign .announcements-market-head-v51219 p{margin:0;}
.announcements-type-nav{
    display:flex;
    gap:8px;
    margin:0 0 18px;
    padding-bottom:2px;
    overflow-x:auto;
    scrollbar-width:thin;
}
.announcements-type-link{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    min-height:38px;
    padding:8px 14px;
    border:1px solid #dce3ec;
    border-radius:999px;
    background:#fff;
    color:var(--navy,#10213a);
    font-size:13px;
    font-weight:850;
    text-decoration:none;
}
.announcements-type-link:hover,.announcements-type-link.active{
    border-color:var(--navy,#10213a);
    background:var(--navy,#10213a);
    color:#fff;
}
.announcements-primary-filters{
    display:grid;
    grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,1fr)) auto;
    gap:10px;
    align-items:end;
    min-width:0;
}
.announcements-primary-filters label{min-width:0;margin:0;}
.announcements-primary-filters label>span{
    display:block;
    margin:0 0 5px;
    color:#526071;
    font-size:11px;
    font-weight:850;
}
.announcements-primary-filters input,.announcements-primary-filters select{
    width:100%;
    min-width:0;
    min-height:44px;
    border-radius:12px;
}
.announcements-primary-filters .btn{min-height:44px;}
.announcements-market-redesign .filter-panel-v5{margin-top:14px;}
.listing-grid.listing-grid-compact-v51202{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
}
.listing-grid-compact-v51202 .listing-card-compact-v51202{
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
}
.listing-card-compact-v51202 .listing-card-body-v51202{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
}
.listing-card-compact-v51202 .listing-card-facts-v51202{flex:1 1 auto;}
.listing-card-compact-v51202 .listing-card-price{
    border-color:#fed7aa!important;
    background:#fff7ed!important;
}
.listing-card-compact-v51202 .listing-card-price strong{
    color:#b54708!important;
    font-size:17px!important;
}
.listing-card-compact-v51202 .listing-card-cta-v51202{
    width:100%;
    margin-top:auto;
    text-align:center;
}
@media(max-width:1050px){
    .announcements-primary-filters{grid-template-columns:repeat(2,minmax(0,1fr));}
    .announcements-search-field{grid-column:1/-1;}
    .listing-grid.listing-grid-compact-v51202{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
    .announcements-market-redesign{padding:18px!important;border-radius:18px!important;}
    .announcements-market-redesign .announcements-market-head-v51219{flex-direction:column!important;align-items:stretch!important;}
    .announcements-market-redesign .announcements-actions-v5112 .btn{width:100%;font-size:13px!important;}
    .announcements-type-nav{margin-inline:-2px;}
    .announcements-primary-filters{grid-template-columns:minmax(0,1fr);}
    .announcements-search-field{grid-column:auto;}
    .announcements-primary-filters .btn{width:100%;}
    .announcements-market-redesign .filter-bar{grid-template-columns:minmax(0,1fr)!important;}
    .listing-grid.listing-grid-compact-v51202{grid-template-columns:minmax(0,1fr)!important;}
}

/* ==========================================================
   FPA V5.1.4.01 — DASHBOARD PREMIUM MULTI-COMPTES
   Présentation uniquement.
   ========================================================== */

.fpa-dashboard-v51401{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    gap:18px!important;
}

.fpa-dashboard-v51401 .fpa-dashboard-hero-v51401{
    width:100%!important;
    min-height:176px!important;
    padding:24px 26px!important;
    border:0!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 76% 15%,rgba(255,255,255,.09),transparent 30%),
        linear-gradient(118deg,#071a33 0%,#0b2d4d 54%,#08756f 100%)!important;
    box-shadow:0 18px 42px rgba(7,26,51,.16)!important;
}

.fpa-dashboard-v51401 .dash-person-v51127{
    gap:18px!important;
}

.fpa-dashboard-v51401 .dash-avatar-v51127{
    width:72px!important;
    height:72px!important;
    border-radius:20px!important;
    border:2px solid rgba(255,255,255,.72)!important;
    box-shadow:0 7px 24px rgba(0,0,0,.15)!important;
}

.fpa-dashboard-v51401 .dash-eyebrow-v51127{
    color:#ffb36b!important;
    font-size:11px!important;
    letter-spacing:.14em!important;
}

.fpa-dashboard-v51401 .dash-person-v51127 h2{
    margin:4px 0 8px!important;
    color:#fff!important;
    font-size:clamp(25px,2.5vw,36px)!important;
    letter-spacing:-.025em!important;
}

.fpa-dashboard-v51401 .fpa-dashboard-roleline-v51302{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    align-items:center!important;
}

.fpa-dashboard-v51401 .fpa-dashboard-role-v51302{
    color:#dbeafe!important;
    font-size:13px!important;
    font-weight:800!important;
}

.fpa-dashboard-v51401 .fpa-member-since-v51302{
    display:block!important;
    margin-top:7px!important;
    color:rgba(255,255,255,.7)!important;
    font-size:12px!important;
}

.fpa-dashboard-v51401 .dash-status-card-v51127{
    width:270px!important;
    min-width:270px!important;
    padding:16px 18px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    backdrop-filter:blur(5px);
}

.fpa-dashboard-v51401 .dash-status-card-v51127 strong{
    font-size:30px!important;
}

.fpa-dashboard-v51401 .dash-progress-v51127{
    height:7px!important;
    margin:8px 0 10px!important;
}

.fpa-dashboard-v51401 .dash-status-card-v51127 a{
    display:inline-block!important;
    margin-top:7px!important;
    color:#fff!important;
    font-size:12px!important;
    text-decoration:none!important;
}

.fpa-dashboard-v51401 .dash-section-head-v51127{
    margin:4px 0 0!important;
    padding:0 2px!important;
}

.fpa-dashboard-v51401 .dash-section-head-v51127 h3{
    margin:0!important;
    color:#10213a!important;
    font-size:20px!important;
}

.fpa-dashboard-v51401 .dash-section-head-v51127 p{
    margin:4px 0 0!important;
    color:#64748b!important;
    font-size:13px!important;
}

.fpa-dashboard-v51401 .dash-summary-v51127{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
}

.fpa-dashboard-v51401 .fpa-kpi-v51401{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 14px!important;
    gap:12px!important;
    align-items:start!important;
    min-width:0!important;
    min-height:118px!important;
    padding:16px!important;
    border:1px solid #e4e9f0!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(16,33,58,.045)!important;
    text-decoration:none!important;
    color:#10213a!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}

.fpa-dashboard-v51401 .fpa-kpi-v51401:hover{
    transform:translateY(-2px)!important;
    border-color:#cbd7e5!important;
    box-shadow:0 12px 28px rgba(16,33,58,.09)!important;
}

.fpa-dashboard-v51401 .fpa-kpi-v51401.is-priority{
    border-color:#fed7aa!important;
    background:linear-gradient(145deg,#fff,#fffaf5)!important;
}

.fpa-dashboard-v51401 .fpa-kpi-v51401.is-zero{
    box-shadow:none!important;
}

.fpa-dashboard-v51401 .fpa-kpi-icon-v51401,
.fpa-dashboard-v51401 .fpa-action-icon-v51401,
.fpa-dashboard-v51401 .fpa-recent-icon-v51303{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    flex:0 0 42px!important;
}

.fpa-dashboard-v51401 .fpa-kpi-icon-v51401 svg,
.fpa-dashboard-v51401 .fpa-action-icon-v51401 svg,
.fpa-dashboard-v51401 .fpa-recent-icon-v51303 svg,
.fpa-dashboard-v51401 .fpa-next-icon-v51401 svg{
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.fpa-kpi-icon-reservation{background:#eef6ff!important;color:#2563eb!important;}
.fpa-kpi-icon-offer{background:#f1edff!important;color:#7c3aed!important;}
.fpa-kpi-icon-payment{background:#ecfdf5!important;color:#059669!important;}
.fpa-kpi-icon-message{background:#fff7ed!important;color:#ea580c!important;}
.fpa-kpi-icon-delivery{background:#ecfeff!important;color:#0891b2!important;}
.fpa-kpi-icon-quote{background:#f0fdf4!important;color:#16a34a!important;}
.fpa-kpi-icon-transitaire{background:#eff6ff!important;color:#1d4ed8!important;}
.fpa-kpi-icon-profile{background:#fff7ed!important;color:#f97316!important;}
.fpa-kpi-icon-announcement{background:#f8fafc!important;color:#475569!important;}
.fpa-kpi-icon-info{background:#f1f5f9!important;color:#475569!important;}

.fpa-dashboard-v51401 .fpa-kpi-copy-v51401{
    min-width:0!important;
}

.fpa-dashboard-v51401 .fpa-kpi-label-v51401{
    display:block!important;
    margin:1px 0 6px!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:850!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
}

.fpa-dashboard-v51401 .fpa-kpi-v51401 strong{
    display:block!important;
    margin:0 0 5px!important;
    color:#0f172a!important;
    font-size:25px!important;
    line-height:1!important;
}

.fpa-dashboard-v51401 .fpa-kpi-v51401 small{
    display:block!important;
    color:#7b8797!important;
    font-size:11px!important;
    line-height:1.3!important;
}

.fpa-dashboard-v51401 .fpa-kpi-arrow-v51401{
    align-self:center!important;
    color:#94a3b8!important;
    font-size:22px!important;
    line-height:1!important;
}

.fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401{
    display:grid!important;
    grid-template-columns:minmax(0,1.22fr) minmax(250px,.72fr) minmax(0,1.08fr)!important;
    gap:14px!important;
    align-items:stretch!important;
}

.fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401>.dash-panel-v51127{
    margin:0!important;
    min-width:0!important;
    padding:19px!important;
    border:1px solid #e4e9f0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(16,33,58,.045)!important;
}

.fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401 h3{
    margin:0!important;
    color:#10213a!important;
    font-size:17px!important;
}

.fpa-dashboard-v51401 .fpa-panel-head-v51401,
.fpa-dashboard-v51401 .fpa-recent-head-v51303{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    align-items:flex-start!important;
    margin-bottom:13px!important;
}

.fpa-dashboard-v51401 .fpa-panel-head-v51401 p,
.fpa-dashboard-v51401 .fpa-recent-head-v51303 p{
    margin:4px 0 0!important;
    font-size:12px!important;
}

.fpa-dashboard-v51401 .dash-actions-grid-v51127{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
}

.fpa-dashboard-v51401 .fpa-action-row-v51401{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:10px!important;
    border:1px solid #edf0f4!important;
    border-radius:13px!important;
    background:#fbfcfe!important;
    text-decoration:none!important;
}

.fpa-dashboard-v51401 .fpa-action-icon-v51401{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:11px!important;
}

.fpa-dashboard-v51401 .fpa-action-copy-v51401{
    min-width:0!important;
}

.fpa-dashboard-v51401 .fpa-action-copy-v51401 strong{
    display:block!important;
    color:#172033!important;
    font-size:12.5px!important;
}

.fpa-dashboard-v51401 .fpa-action-copy-v51401 small{
    display:block!important;
    margin-top:2px!important;
    color:#7c8796!important;
    font-size:10.5px!important;
}

.fpa-dashboard-v51401 .fpa-action-cta-v51401{
    padding:6px 9px!important;
    border-radius:8px!important;
    background:#10213a!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:850!important;
}

.fpa-dashboard-v51401 .fpa-next-panel-v51401{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    background:linear-gradient(150deg,#fff,#f8fbff)!important;
}

.fpa-dashboard-v51401 .fpa-next-kicker-v51401{
    color:#f97316!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

.fpa-dashboard-v51401 .fpa-next-icon-v51401{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    margin:15px 0 12px!important;
    border-radius:15px!important;
    background:#fff4e8!important;
    color:#f97316!important;
}

.fpa-dashboard-v51401 .fpa-next-panel-v51401 p{
    flex:1 1 auto!important;
    margin:8px 0 15px!important;
    color:#64748b!important;
    font-size:12px!important;
    line-height:1.5!important;
}

.fpa-dashboard-v51401 .fpa-next-primary-v51401{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
}

.fpa-dashboard-v51401 .fpa-next-secondary-v51401{
    display:block!important;
    width:100%!important;
    margin-top:9px!important;
    color:#475569!important;
    text-align:center!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
}

.fpa-dashboard-v51401 .fpa-panel-link-v51401{
    color:#2563eb!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:850!important;
}

.fpa-dashboard-v51401 .fpa-recent-list-v51303{
    display:grid!important;
}

.fpa-dashboard-v51401 .fpa-recent-link-v51303{
    color:inherit!important;
    text-decoration:none!important;
}

.fpa-dashboard-v51401 .fpa-recent-row-v51303{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    min-width:0!important;
    padding:10px 0!important;
    border-bottom:1px solid #eef2f6!important;
}

.fpa-dashboard-v51401 .fpa-recent-link-v51303:last-child .fpa-recent-row-v51303,
.fpa-dashboard-v51401 .fpa-recent-list-v51303>.fpa-recent-row-v51303:last-child{
    border-bottom:0!important;
}

.fpa-dashboard-v51401 .fpa-recent-icon-v51303{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
    border-radius:10px!important;
}

.fpa-dashboard-v51401 .fpa-recent-copy-v51303{
    min-width:0!important;
}

.fpa-dashboard-v51401 .fpa-recent-copy-v51303 strong{
    display:block!important;
    overflow:hidden!important;
    color:#172033!important;
    font-size:12px!important;
    line-height:1.3!important;
    text-overflow:ellipsis!important;
}

.fpa-dashboard-v51401 .fpa-recent-copy-v51303 small{
    display:block!important;
    margin-top:2px!important;
    overflow:hidden!important;
    color:#7c8796!important;
    font-size:10.5px!important;
    line-height:1.3!important;
}

.fpa-dashboard-v51401 .fpa-recent-row-v51303 time{
    max-width:90px!important;
    color:#94a3b8!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    text-align:right!important;
}

.fpa-dashboard-v51401 .fpa-recent-empty-v51303{
    padding:26px 8px!important;
    color:#94a3b8!important;
    text-align:center!important;
    font-size:12px!important;
}

.fpa-dashboard-v51401 .fpa-professional-offer-wrap-v51401{
    min-width:0!important;
}

.fpa-dashboard-v51401 .fpa-professional-offer-wrap-v51401>*{
    margin:0!important;
    border-radius:18px!important;
}

.fpa-dashboard-v51401 .fpa-client-zone-v51401{
    display:grid!important;
    gap:12px!important;
    margin-top:3px!important;
    padding:18px!important;
    border:1px solid #dce6f1!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,#f8fbff,#fff)!important;
}

.fpa-dashboard-v51401 .fpa-client-zone-v51401 .dash-section-head-v51127{
    margin:0!important;
}

.fpa-dashboard-v51401 .fpa-section-kicker-v51401{
    display:block!important;
    margin-bottom:4px!important;
    color:#2563eb!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

.fpa-dashboard-ad-v51401{
    width:100%!important;
    max-width:1180px!important;
    margin:22px auto 0!important;
    overflow:hidden!important;
    border-radius:18px!important;
}

.fpa-dashboard-ad-v51401 img{
    display:block!important;
    width:100%!important;
    max-height:270px!important;
    object-fit:cover!important;
}

@media(max-width:1180px){
    .fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401{
        grid-template-columns:minmax(0,1fr) minmax(260px,.72fr)!important;
    }

    .fpa-dashboard-v51401 .fpa-recent-activity-v51401{
        grid-column:1/-1!important;
    }
}

@media(max-width:980px){
    .fpa-dashboard-v51401 .dash-summary-v51127{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401{
        grid-template-columns:1fr!important;
    }

    .fpa-dashboard-v51401 .fpa-recent-activity-v51401{
        grid-column:auto!important;
    }
}

@media(max-width:700px){
    .fpa-dashboard-v51401{
        gap:14px!important;
    }

    .fpa-dashboard-v51401 .fpa-dashboard-hero-v51401{
        display:grid!important;
        gap:16px!important;
        min-height:0!important;
        padding:18px!important;
        border-radius:20px!important;
    }

    .fpa-dashboard-v51401 .dash-person-v51127{
        align-items:flex-start!important;
    }

    .fpa-dashboard-v51401 .dash-avatar-v51127{
        width:58px!important;
        height:58px!important;
        border-radius:16px!important;
    }

    .fpa-dashboard-v51401 .dash-person-v51127 h2{
        font-size:24px!important;
    }

    .fpa-dashboard-v51401 .dash-status-card-v51127{
        width:100%!important;
        min-width:0!important;
    }

    .fpa-dashboard-v51401 .dash-section-head-v51127{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .fpa-dashboard-v51401 .dash-section-head-v51127 .btn{
        width:100%!important;
        text-align:center!important;
    }

    .fpa-dashboard-v51401 .dash-summary-v51127{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:9px!important;
    }

    .fpa-dashboard-v51401 .fpa-kpi-v51401{
        grid-template-columns:36px minmax(0,1fr)!important;
        min-height:108px!important;
        padding:13px!important;
    }

    .fpa-dashboard-v51401 .fpa-kpi-arrow-v51401{
        display:none!important;
    }

    .fpa-dashboard-v51401 .fpa-kpi-icon-v51401{
        width:36px!important;
        height:36px!important;
        flex-basis:36px!important;
    }

    .fpa-dashboard-v51401 .fpa-kpi-v51401 strong{
        font-size:22px!important;
    }

    .fpa-dashboard-v51401 .fpa-client-zone-v51401{
        padding:14px!important;
    }
}

@media(max-width:480px){
    .fpa-dashboard-v51401 .dash-summary-v51127{
        grid-template-columns:1fr!important;
    }

    .fpa-dashboard-v51401 .fpa-kpi-v51401{
        min-height:0!important;
    }

    .fpa-dashboard-v51401 .fpa-recent-row-v51303{
        grid-template-columns:34px minmax(0,1fr)!important;
    }

    .fpa-dashboard-v51401 .fpa-recent-row-v51303 time{
        grid-column:2!important;
        max-width:none!important;
        text-align:left!important;
    }

    .fpa-dashboard-v51401 .fpa-action-row-v51401{
        grid-template-columns:36px minmax(0,1fr)!important;
    }

    .fpa-dashboard-v51401 .fpa-action-cta-v51401{
        grid-column:2!important;
        justify-self:start!important;
    }
}

/* ==========================================================
   FPA V5.1.4.02 — DASHBOARD FINAL POLISH
   Présentation uniquement.
   ========================================================== */

/* Hero : garantir l'affichage correct de la photo */
.fpa-dashboard-v51401 .dash-avatar-v51127{
    overflow:hidden!important;
    object-fit:cover!important;
    object-position:center!important;
}

/* Meilleur équilibre des trois panneaux principaux */
.fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401{
    grid-template-columns:
        minmax(0,1.14fr)
        minmax(290px,.82fr)
        minmax(0,1.12fr)!important;
}

/* Prochaine étape : moins étroite et plus structurée */
.fpa-dashboard-v51401 .fpa-next-panel-v51401{
    min-width:0!important;
}

.fpa-dashboard-v51401 .fpa-next-panel-v51401 h3{
    line-height:1.25!important;
}

.fpa-dashboard-v51401 .fpa-next-panel-v51401 p{
    font-size:12.5px!important;
    line-height:1.48!important;
}

/* Boutons en tête des sections */
.fpa-dashboard-v51401 .dash-section-head-v51127 > .btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:7px 13px!important;
    border:1px solid #d6e0ea!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#10213a!important;
    box-shadow:0 3px 10px rgba(16,33,58,.04)!important;
    font-size:11px!important;
    font-weight:850!important;
    text-decoration:none!important;
}

.fpa-dashboard-v51401 .dash-section-head-v51127 > .btn:hover{
    border-color:#10213a!important;
    background:#10213a!important;
    color:#fff!important;
}

/* Textes secondaires des KPI : pas de capitales forcées */
.fpa-dashboard-v51401 .fpa-kpi-v51401 small{
    color:#6f7d8f!important;
    font-size:11px!important;
    font-weight:650!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

/* Label KPI légèrement plus lisible */
.fpa-dashboard-v51401 .fpa-kpi-label-v51401{
    font-size:10.5px!important;
    line-height:1.3!important;
    letter-spacing:.028em!important;
}

/* Activité récente : dates plus lisibles */
.fpa-dashboard-v51401 .fpa-recent-row-v51303 time{
    max-width:105px!important;
    color:#718096!important;
    font-size:10.5px!important;
    font-weight:650!important;
    line-height:1.3!important;
}

/* Description récente légèrement plus visible */
.fpa-dashboard-v51401 .fpa-recent-copy-v51303 small{
    color:#738095!important;
    font-size:10.8px!important;
}

/* Titre de l'activité récente */
.fpa-dashboard-v51401 .fpa-recent-copy-v51303 strong{
    font-size:12.2px!important;
}

/* Lien Voir tout */
.fpa-dashboard-v51401 .fpa-panel-link-v51401{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:5px 9px!important;
    border-radius:8px!important;
    background:#f4f7fb!important;
    color:#2563eb!important;
}

/*
 * Le transitaire possède volontairement 6 KPI.
 * Les deux derniers occupent chacun la moitié de la seconde ligne,
 * sans inventer de fausses statistiques.
 */
.fpa-dashboard-transitaire-v51401
.dash-summary-v51127
.fpa-kpi-v51401:nth-child(5){
    grid-column:span 2!important;
}

.fpa-dashboard-transitaire-v51401
.dash-summary-v51127
.fpa-kpi-v51401:nth-child(6){
    grid-column:span 2!important;
}

/* Offre professionnelle */
.fpa-dashboard-v51401 .fpa-professional-offer-wrap-v51401{
    margin-top:2px!important;
}

.fpa-dashboard-v51401
.fpa-professional-offer-wrap-v51401
h3{
    color:#10213a!important;
}

/* Usage personnel */
.fpa-dashboard-v51401 .fpa-client-zone-v51401{
    box-shadow:0 5px 18px rgba(16,33,58,.035)!important;
}

.fpa-dashboard-v51401 .fpa-client-zone-v51401
.fpa-kpi-v51401{
    background:#fff!important;
}

/* Publicité plus contenue */
.fpa-dashboard-ad-v51401{
    max-width:1120px!important;
}

.fpa-dashboard-ad-v51401 img{
    max-height:245px!important;
}

/* Tablette */
@media(max-width:1180px){
    .fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401{
        grid-template-columns:minmax(0,1fr) minmax(280px,.78fr)!important;
    }

    .fpa-dashboard-v51401 .fpa-recent-activity-v51401{
        grid-column:1/-1!important;
    }
}

/* Mobile / tablette étroite */
@media(max-width:980px){
    .fpa-dashboard-v51401 .fpa-dashboard-main-grid-v51401{
        grid-template-columns:1fr!important;
    }

    .fpa-dashboard-v51401 .fpa-recent-activity-v51401{
        grid-column:auto!important;
    }

    .fpa-dashboard-transitaire-v51401
    .dash-summary-v51127
    .fpa-kpi-v51401:nth-child(5),
    .fpa-dashboard-transitaire-v51401
    .dash-summary-v51127
    .fpa-kpi-v51401:nth-child(6){
        grid-column:span 1!important;
    }
}

@media(max-width:700px){
    .fpa-dashboard-v51401 .dash-section-head-v51127 > .btn{
        width:100%!important;
    }
}

@media(max-width:480px){
    .fpa-dashboard-v51401 .fpa-recent-row-v51303 time{
        max-width:none!important;
        font-size:10px!important;
    }
}

/* ==========================================================
   FPA V5.1.4.10 — DEMANDES & DEVIS PREMIUM
   Liste dossiers + fiche dossier
   Présentation uniquement.
   ========================================================== */

/* ----------------------------------------------------------
   EN-TÊTE DE PAGE
   ---------------------------------------------------------- */

.fpa-page-head-v51266{
    position:relative!important;
    overflow:hidden!important;
    padding:26px 28px!important;
    border:1px solid #e3e9f1!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 88% 12%,rgba(249,115,22,.07),transparent 27%),
        linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
    box-shadow:0 10px 30px rgba(16,33,58,.05)!important;
}

.fpa-page-head-v51266 h1{
    margin:5px 0 7px!important;
    color:#0d1f38!important;
    font-size:clamp(28px,3vw,36px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
}

.fpa-page-head-v51266 p{
    margin:0!important;
    max-width:760px!important;
    color:#637186!important;
    font-size:14px!important;
    line-height:1.5!important;
}

.fpa-eyebrow-v51266{
    color:#64748b!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
}

.fpa-page-head-v51266 .btn.primary{
    min-height:42px!important;
    padding:10px 18px!important;
    border-radius:12px!important;
    box-shadow:0 8px 20px rgba(240,90,26,.16)!important;
}


/* ----------------------------------------------------------
   BARRE RÉSUMÉ
   ---------------------------------------------------------- */

.fpa-request-toolbar-v51266{
    margin:2px 0!important;
    padding:10px 4px!important;
    border-bottom:1px solid #e7ecf2!important;
}

.fpa-request-toolbar-v51266>div:first-child{
    gap:8px!important;
}

.fpa-request-toolbar-v51266 strong{
    color:#0d1f38!important;
    font-size:25px!important;
    line-height:1!important;
}

.fpa-request-toolbar-v51266 span,
.fpa-toolbar-note-v51266{
    color:#748196!important;
    font-size:12px!important;
}


/* ----------------------------------------------------------
   LISTE DES DOSSIERS
   ---------------------------------------------------------- */

.fpa-request-list-v51266{
    gap:12px!important;
}

.fpa-request-card-v51266{
    position:relative!important;
    overflow:hidden!important;
    padding:0!important;
    border:1px solid #e3e9f0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(16,33,58,.04)!important;
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease!important;
}

.fpa-request-card-v51266:hover{
    transform:translateY(-1px)!important;
    border-color:#ccd8e6!important;
    box-shadow:0 13px 32px rgba(16,33,58,.075)!important;
}

.fpa-request-card-v51266:before{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:3px!important;
    background:linear-gradient(#0b3155,#0f8c7d)!important;
}

.fpa-request-card-top-v51266{
    padding:18px 20px 12px!important;
}

.fpa-ref-v51266{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    padding:4px 8px!important;
    border-radius:7px!important;
    background:#f1f5f9!important;
    color:#526176!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.075em!important;
}

.fpa-request-card-top-v51266 h2{
    margin:7px 0 3px!important;
    color:#10213a!important;
    font-size:18px!important;
    line-height:1.2!important;
    letter-spacing:-.015em!important;
}

.fpa-request-card-top-v51266 p{
    color:#708096!important;
    font-size:12.5px!important;
}


/* ----------------------------------------------------------
   STATUTS
   ---------------------------------------------------------- */

.fpa-status-v51266{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:29px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    border:1px solid transparent!important;
    font-size:10.5px!important;
    font-weight:850!important;
    white-space:nowrap!important;
}

.fpa-status-v51266.is-info{
    background:#eef5ff!important;
    border-color:#d9e8ff!important;
    color:#245ba7!important;
}

.fpa-status-v51266.is-warn{
    background:#fff7e8!important;
    border-color:#f6dfaf!important;
    color:#a46000!important;
}

.fpa-status-v51266.is-ok{
    background:#ecfdf5!important;
    border-color:#ccefe0!important;
    color:#087554!important;
}

.fpa-status-v51266.is-danger{
    background:#fff1f2!important;
    border-color:#ffd5da!important;
    color:#b42332!important;
}


/* ----------------------------------------------------------
   TRAJET
   ---------------------------------------------------------- */

.fpa-route-v51266{
    position:relative!important;
    margin:0 20px 12px!important;
    padding:13px 16px!important;
    border:1px solid #edf1f5!important;
    border-radius:13px!important;
    background:#f8fafc!important;
}

.fpa-route-v51266 div{
    gap:2px!important;
}

.fpa-route-v51266 span{
    color:#8491a3!important;
    font-size:9.5px!important;
    letter-spacing:.07em!important;
}

.fpa-route-v51266 strong{
    color:#10213a!important;
    font-size:13px!important;
}

.fpa-route-v51266 i{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    margin:auto!important;
    border:1px solid #dce5ee!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#64748b!important;
    font-size:15px!important;
}


/* ----------------------------------------------------------
   DEVIS / HISTORIQUE / DOCUMENTS
   ---------------------------------------------------------- */

.fpa-request-info-v51266{
    margin:0 20px!important;
    border:1px solid #e7ecf2!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#fff!important;
}

.fpa-request-info-v51266>div{
    min-height:60px!important;
    padding:11px 13px!important;
    background:#fff!important;
}

.fpa-request-info-v51266 span{
    color:#8491a3!important;
    font-size:9.5px!important;
    letter-spacing:.06em!important;
}

.fpa-request-info-v51266 strong{
    color:#14243c!important;
    font-size:13px!important;
}

.fpa-request-info-v51266>div:first-child strong{
    color:#0c6b50!important;
}


/* ----------------------------------------------------------
   RÉSUMÉ ET ACTIONS
   ---------------------------------------------------------- */

.fpa-request-summary-v51266{
    margin:12px 20px 0!important;
    color:#617086!important;
    font-size:12.5px!important;
    line-height:1.5!important;
}

.fpa-request-actions-v51266{
    gap:8px!important;
    margin:14px 20px 18px!important;
}

.fpa-request-actions-v51266 .btn{
    min-height:36px!important;
    padding:8px 13px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
    font-weight:850!important;
}

.fpa-request-actions-v51266 .btn.primary{
    box-shadow:0 6px 14px rgba(240,90,26,.14)!important;
}

.fpa-request-actions-v51266 .btn.secondary{
    border-color:#dce4ed!important;
    background:#f7f9fc!important;
    color:#17233a!important;
}


/* ==========================================================
   FICHE DOSSIER
   ========================================================== */

.fpa-dossier-top-v51266{
    gap:10px!important;
}

.fpa-back-v51266{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:32px!important;
    padding:5px 9px!important;
    border-radius:8px!important;
    background:#f1f5f9!important;
    color:#4f6075!important;
    font-size:11px!important;
}

.fpa-dossier-title-v51266{
    position:relative!important;
    overflow:hidden!important;
    padding:22px 24px!important;
    border:1px solid #dfe7ef!important;
    border-radius:20px!important;
    background:
        radial-gradient(circle at 86% 14%,rgba(15,140,125,.09),transparent 27%),
        linear-gradient(135deg,#fff,#f8fbfe)!important;
    box-shadow:0 8px 25px rgba(16,33,58,.045)!important;
}

.fpa-dossier-title-v51266 h2{
    margin:7px 0 5px!important;
    color:#0d1f38!important;
    font-size:25px!important;
    letter-spacing:-.025em!important;
}

.fpa-dossier-title-v51266 p{
    color:#68788e!important;
    font-size:13px!important;
}


/* ----------------------------------------------------------
   LAYOUT DOSSIER
   ---------------------------------------------------------- */

.fpa-dossier-layout-v51266{
    grid-template-columns:minmax(0,1.55fr) minmax(340px,.82fr)!important;
    gap:16px!important;
}

.fpa-dossier-main-v51266,
.fpa-dossier-side-v51266{
    gap:14px!important;
}

.fpa-dossier-side-v51266{
    top:14px!important;
}


/* ----------------------------------------------------------
   CARTES DOSSIER
   ---------------------------------------------------------- */

.fpa-card-v51266{
    padding:18px!important;
    border:1px solid #e3e9f0!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(16,33,58,.035)!important;
}

.fpa-card-head-v51266{
    margin-bottom:14px!important;
}

.fpa-card-head-v51266 span{
    color:#7c899b!important;
    font-size:9.5px!important;
    letter-spacing:.11em!important;
}

.fpa-card-head-v51266 h3{
    margin:4px 0 0!important;
    color:#10213a!important;
    font-size:16px!important;
}


/* ----------------------------------------------------------
   INFORMATIONS CLÉS
   ---------------------------------------------------------- */

.fpa-kv-grid-v51266{
    gap:8px!important;
}

.fpa-kv-grid-v51266>div{
    padding:12px!important;
    border:1px solid #edf1f5!important;
    border-radius:11px!important;
    background:#fafbfd!important;
}

.fpa-kv-grid-v51266 span{
    color:#8793a4!important;
    font-size:9.5px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
}

.fpa-kv-grid-v51266 strong{
    color:#17243a!important;
    font-size:12.5px!important;
}


/* ----------------------------------------------------------
   NOTE / DEMANDE
   ---------------------------------------------------------- */

.fpa-note-v51266{
    margin-top:14px!important;
    padding:14px!important;
    border:1px solid #e8edf2!important;
    border-radius:12px!important;
    background:#f8fafc!important;
}

.fpa-note-v51266 p{
    margin:6px 0 0!important;
    color:#526176!important;
    font-size:12.5px!important;
    line-height:1.55!important;
}


/* ----------------------------------------------------------
   PHOTOS
   ---------------------------------------------------------- */

.fpa-photo-grid-v51266{
    gap:8px!important;
}

.fpa-photo-grid-v51266 a{
    border-radius:11px!important;
    transition:transform .16s ease,box-shadow .16s ease!important;
}

.fpa-photo-grid-v51266 a:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 8px 20px rgba(16,33,58,.10)!important;
}


/* ----------------------------------------------------------
   DOCUMENTS
   ---------------------------------------------------------- */

.fpa-doc-list-v51266{
    gap:7px!important;
}

.fpa-doc-row-v51266{
    padding:10px 11px!important;
    border-color:#e8edf2!important;
    background:#fafbfd!important;
}

.fpa-doc-row-v51266 .btn{
    flex:0 0 auto!important;
}


/* ----------------------------------------------------------
   ENVOI DOCUMENT
   ---------------------------------------------------------- */

.fpa-upload-v51266{
    margin-top:13px!important;
    padding:15px!important;
    border-color:#d8e5f5!important;
    background:linear-gradient(145deg,#f7faff,#fff)!important;
}


/* ----------------------------------------------------------
   TIMELINE
   ---------------------------------------------------------- */

.fpa-timeline-item-v51266{
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:9px!important;
    padding-bottom:17px!important;
}

.fpa-timeline-item-v51266:before{
    left:7px!important;
    background:#dce5ed!important;
}

.fpa-timeline-item-v51266 i{
    width:15px!important;
    height:15px!important;
    margin-top:2px!important;
    background:#0f7f73!important;
}

.fpa-timeline-item-v51266 strong{
    color:#17243a!important;
    font-size:12.5px!important;
}

.fpa-timeline-item-v51266 p{
    margin:3px 0!important;
    color:#66758a!important;
    font-size:12px!important;
}

.fpa-timeline-item-v51266 small{
    color:#8b98a9!important;
    font-size:10px!important;
}


/* ----------------------------------------------------------
   DEVIS / CONDITIONS FINANCIÈRES
   ---------------------------------------------------------- */

.fpa-quote-card-v51266{
    overflow:hidden!important;
    border-color:#d8e8df!important;
    background:linear-gradient(150deg,#fff,#fbfffc)!important;
}

.fpa-quote-amount-v51266{
    margin-bottom:12px!important;
    padding:15px!important;
    border:1px solid #d9efe4!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#eefaf3,#f8fffb)!important;
}

.fpa-quote-amount-v51266 span{
    color:#637a6d!important;
    font-size:9.5px!important;
}

.fpa-quote-amount-v51266 strong{
    color:#076947!important;
    font-size:27px!important;
    letter-spacing:-.025em!important;
}

.fpa-quote-meta-v51266{
    border-color:#e5ebe7!important;
}

.fpa-quote-meta-v51266>div{
    padding:10px 11px!important;
}

.fpa-quote-meta-v51266 span{
    color:#7b8797!important;
    font-size:10.5px!important;
}

.fpa-quote-meta-v51266 strong{
    color:#17243a!important;
    font-size:11px!important;
}

.fpa-quote-copy-v51266{
    padding-top:2px!important;
}

.fpa-quote-copy-v51266 p{
    color:#57667a!important;
    font-size:12px!important;
}

.fpa-quote-actions-v51266{
    gap:8px!important;
}

.fpa-quote-actions-v51266 .btn{
    min-height:38px!important;
    border-radius:10px!important;
}


/* ----------------------------------------------------------
   ACCÈS RAPIDES
   ---------------------------------------------------------- */

.fpa-side-actions-v51266{
    gap:8px!important;
}

.fpa-side-actions-v51266 .btn{
    width:100%!important;
    justify-content:center!important;
    min-height:37px!important;
    border-radius:10px!important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1100px){
    .fpa-dossier-layout-v51266{
        grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
    }
}

@media(max-width:900px){
    .fpa-dossier-layout-v51266{
        grid-template-columns:1fr!important;
    }

    .fpa-dossier-side-v51266{
        position:static!important;
    }

    .fpa-photo-grid-v51266{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media(max-width:700px){
    .fpa-page-head-v51266{
        padding:19px!important;
        border-radius:17px!important;
    }

    .fpa-page-head-v51266 h1{
        font-size:28px!important;
    }

    .fpa-request-toolbar-v51266,
    .fpa-request-card-top-v51266{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .fpa-request-card-top-v51266{
        padding:16px 16px 10px!important;
    }

    .fpa-route-v51266{
        margin:0 16px 11px!important;
        grid-template-columns:1fr!important;
        gap:6px!important;
    }

    .fpa-route-v51266 i{
        margin:0!important;
        transform:rotate(90deg)!important;
    }

    .fpa-route-v51266 div:last-child{
        text-align:left!important;
    }

    .fpa-request-info-v51266{
        margin:0 16px!important;
        grid-template-columns:1fr!important;
    }

    .fpa-request-info-v51266>div+div{
        border-left:0!important;
        border-top:1px solid #e7ecf2!important;
    }

    .fpa-request-summary-v51266{
        margin-left:16px!important;
        margin-right:16px!important;
    }

    .fpa-request-actions-v51266{
        display:grid!important;
        grid-template-columns:1fr!important;
        margin:13px 16px 16px!important;
    }

    .fpa-request-actions-v51266 .btn{
        width:100%!important;
        justify-content:center!important;
    }

    .fpa-dossier-title-v51266,
    .fpa-card-v51266{
        padding:16px!important;
        border-radius:15px!important;
    }

    .fpa-photo-grid-v51266{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .fpa-doc-row-v51266{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .fpa-quote-actions-v51266{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:460px){
    .fpa-photo-grid-v51266{
        grid-template-columns:1fr!important;
    }

    .fpa-status-v51266{
        white-space:normal!important;
        text-align:left!important;
    }
}


/* ==========================================================
   FPA V5.1.4.15 — SIDEBAR REFERENCE
   Référence visuelle dossier client.
   ========================================================== */

html.fpa-v513 .sidebar.sidebar-v5,
.sidebar.sidebar-v5{
    width:216px!important;
    min-width:216px!important;
    padding:16px 12px 14px!important;
    box-sizing:border-box!important;
    background:
        linear-gradient(
            180deg,
            #071c32 0%,
            #081a2e 52%,
            #07182a 100%
        )!important;
    border-right:1px solid rgba(255,255,255,.06)!important;
    color:#fff!important;
}

/* Logo */
.sidebar.sidebar-v5 .logo-img-link-v51115{
    min-height:66px!important;
    height:auto!important;
    margin:0 4px 18px!important;
    padding:4px 2px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    justify-content:flex-start!important;
}

.sidebar.sidebar-v5 .logo-img-link-v51115 img{
    width:170px!important;
    max-width:100%!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:left center!important;
    filter:none!important;
}

/* Profil */
.sidebar.sidebar-v5 .user-mini{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
    margin:0 3px 18px!important;
    padding:0 4px 16px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.sidebar.sidebar-v5 .user-mini > img{
    grid-column:1!important;
    grid-row:1 / span 4!important;
    width:38px!important;
    height:38px!important;
    border:2px solid rgba(255,255,255,.9)!important;
    border-radius:50%!important;
    object-fit:cover!important;
}

.sidebar.sidebar-v5 .connected-dot-line-v51126{
    display:none!important;
}

.sidebar.sidebar-v5 .user-mini-name-v51207{
    grid-column:2!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:900!important;
}

.sidebar.sidebar-v5 .user-mini-role-v51207,
.sidebar.sidebar-v5 .user-mini-email-v51207{
    grid-column:2!important;
    color:#a8b7c9!important;
    font-size:9.5px!important;
    line-height:1.25!important;
}

.sidebar.sidebar-v5 .user-mini-status-v51207{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:4px!important;
}

.sidebar.sidebar-v5 .user-mini-status-v51207 .badge,
.sidebar.sidebar-v5 .user-mini-status-v51207 span{
    min-height:23px!important;
    padding:3px 9px!important;
    border-radius:999px!important;
    font-size:9px!important;
}

/* Navigation générale */
.sidebar.sidebar-v5 .main-nav-v5{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    padding:0!important;
}

.fpa-sidebar-dashboard-v51415{
    padding:0 0 10px!important;
    margin-bottom:10px!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
}

.fpa-sidebar-section-v51415{
    display:block!important;
    padding:0 0 9px!important;
    margin:0 0 9px!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
}

.fpa-sidebar-section-title-v51415{
    padding:4px 8px 6px!important;
    color:#aebccd!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}

.fpa-sidebar-links-v51415{
    display:grid!important;
    gap:2px!important;
}

/* Liens */
.sidebar.sidebar-v5
:is(
    .fpa-sidebar-main-link-v51415,
    .fpa-sidebar-link-v51415
){
    display:grid!important;
    grid-template-columns:23px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    min-height:34px!important;
    width:100%!important;
    margin:0!important;
    padding:6px 9px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#edf4fb!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:
        background .15s ease,
        color .15s ease!important;
}

.sidebar.sidebar-v5
:is(
    .fpa-sidebar-main-link-v51415,
    .fpa-sidebar-link-v51415
):hover{
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
}

.sidebar.sidebar-v5
:is(
    .fpa-sidebar-main-link-v51415,
    .fpa-sidebar-link-v51415
).active{
    background:
        linear-gradient(
            90deg,
            #1555c7 0%,
            #1b57bb 100%
        )!important;
    color:#fff!important;
    font-weight:900!important;
    box-shadow:
        inset 3px 0 0 #61a0ff,
        0 4px 13px rgba(7,60,156,.22)!important;
}

.fpa-sidebar-icon-v51415{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    color:#dce9f8!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:500!important;
}

.active > .fpa-sidebar-icon-v51415{
    color:#fff!important;
}

.fpa-sidebar-label-v51415{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Ancien système accordéon neutralisé dans cette version */
.sidebar.sidebar-v5
details.account-sidebar-accordion-v51146,
.sidebar.sidebar-v5
details.nav-family-v5{
    display:none!important;
}

/* Support ajouté par l'ancien footer */
.sidebar.sidebar-v5
details.account-sidebar-accordion-v51146.legal{
    display:none!important;
}

/* Déconnexion */
.sidebar.sidebar-v5 .logout-form-v5{
    margin-top:7px!important;
    padding-top:0!important;
}

.sidebar.sidebar-v5 .link-btn.logout{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:36px!important;
    padding:7px 12px!important;
    border-radius:7px!important;
    background:#d81717!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    box-shadow:0 8px 20px rgba(216,23,23,.17)!important;
}

.sidebar.sidebar-v5 .link-btn.logout:hover{
    background:#bd1010!important;
}

/* Scroll discret */
.sidebar.sidebar-v5{
    scrollbar-width:thin!important;
    scrollbar-color:
        rgba(255,255,255,.16)
        transparent!important;
}

.sidebar.sidebar-v5::-webkit-scrollbar{
    width:5px!important;
}

.sidebar.sidebar-v5::-webkit-scrollbar-track{
    background:transparent!important;
}

.sidebar.sidebar-v5::-webkit-scrollbar-thumb{
    border-radius:99px!important;
    background:rgba(255,255,255,.15)!important;
}

/* Large écran : largeur de référence */
@media(min-width:821px){
    html.fpa-v513 .app-layout{
        grid-template-columns:
            216px minmax(0,1fr)!important;
    }
}

/* Mobile : garder fonctionnement existant */
@media(max-width:820px){
    html.fpa-v513 .sidebar.sidebar-v5,
    .sidebar.sidebar-v5{
        width:min(286px,86vw)!important;
        min-width:0!important;
        padding:14px 12px!important;
    }

    .sidebar.sidebar-v5 .logo-img-link-v51115 img{
        width:165px!important;
    }
}


/* ==========================================================
   FPA V5.1.4.16 — SIDEBAR FINAL STRUCTURE
   Alignement sur la maquette de référence.
   ========================================================== */

/* Logo : supprimer complètement l'ancien habillage */
.sidebar.sidebar-v5 .logo-img-link-v51115,
html.fpa-v513 .sidebar.sidebar-v5 .logo-img-link-v51115{
    border:0!important;
    outline:0!important;
    background:none!important;
    box-shadow:none!important;
    border-radius:0!important;
}

.sidebar.sidebar-v5 .logo-img-link-v51115::before,
.sidebar.sidebar-v5 .logo-img-link-v51115::after{
    content:none!important;
    display:none!important;
}

.sidebar.sidebar-v5 .logo-img-link-v51115 img{
    width:174px!important;
    max-width:174px!important;
    height:auto!important;
    max-height:60px!important;
}

/* Profil */
.sidebar.sidebar-v5 .user-mini{
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:2px 5px 16px!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-avatar-v51416,
.sidebar.sidebar-v5 .user-mini > img.fpa-sidebar-avatar-v51416{
    grid-column:1!important;
    grid-row:1 / span 5!important;
    width:40px!important;
    height:40px!important;
    box-sizing:border-box!important;
    border:2px solid rgba(255,255,255,.88)!important;
    border-radius:50%!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-avatar-fallback-v51416{
    display:grid!important;
    place-items:center!important;
    background:
        linear-gradient(
            145deg,
            #2668dc 0%,
            #0f49a8 100%
        )!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
}

.sidebar.sidebar-v5 .user-mini-name-v51207{
    font-size:12px!important;
}

.sidebar.sidebar-v5 .user-mini-role-v51207,
.sidebar.sidebar-v5 .user-mini-email-v51207{
    font-size:9px!important;
}

/* Neutraliser complètement l'ancien rendu V51415 */
.sidebar.sidebar-v5 .fpa-sidebar-dashboard-v51415,
.sidebar.sidebar-v5 .fpa-sidebar-section-v51415{
    display:none!important;
}

/* Structure finale */
.sidebar.sidebar-v5 .fpa-sidebar-dashboard-v51416{
    margin:0 0 8px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-section-v51416{
    margin:0 0 8px!important;
    padding:0 0 9px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-section-title-v51416{
    padding:4px 8px 5px!important;
    color:#a9b8c9!important;
    font-size:8.5px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-link-v51416{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:33px!important;
    margin:1px 0!important;
    padding:6px 9px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#f0f5fb!important;
    text-decoration:none!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    box-shadow:none!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-link-v51416:hover{
    background:rgba(255,255,255,.065)!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-link-v51416.active{
    background:
        linear-gradient(
            90deg,
            #155bd0 0%,
            #1c56b9 100%
        )!important;
    color:#fff!important;
    font-weight:900!important;
    box-shadow:
        inset 3px 0 0 #6aabff,
        0 4px 13px rgba(0,53,151,.20)!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-icon-v51416{
    display:grid!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-icon-v51416 svg{
    display:block!important;
    width:17px!important;
    height:17px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    color:#d9e7f7!important;
}

.sidebar.sidebar-v5
.fpa-sidebar-link-v51416.active
.fpa-sidebar-icon-v51416 svg{
    color:#fff!important;
}

/* Support ancien en accordéon toujours neutralisé */
.sidebar.sidebar-v5
details.account-sidebar-accordion-v51146,
.sidebar.sidebar-v5
details.nav-family-v5{
    display:none!important;
}

/* Déconnexion proche de la maquette */
.sidebar.sidebar-v5 .logout-form-v5{
    margin-top:4px!important;
    padding:0!important;
}

.sidebar.sidebar-v5 .link-btn.logout{
    min-height:36px!important;
    border-radius:6px!important;
    padding:7px 12px!important;
    font-size:10.5px!important;
}

/* Un peu plus proche de la largeur de la référence */
@media(min-width:821px){
    html.fpa-v513 .sidebar.sidebar-v5,
    .sidebar.sidebar-v5{
        width:216px!important;
        min-width:216px!important;
    }

    html.fpa-v513 .app-layout{
        grid-template-columns:
            216px minmax(0,1fr)!important;
    }
}


/* ==========================================================
   FPA V5.1.4.17 — SIDEBAR FINITION VISUELLE
   Ajustements finaux sur base V51416.
   ========================================================== */

/* Logo légèrement plus présent */
.sidebar.sidebar-v5 .logo-img-link-v51115{
    margin-bottom:20px!important;
}

.sidebar.sidebar-v5 .logo-img-link-v51115 img{
    width:182px!important;
    max-width:182px!important;
    max-height:64px!important;
}

/* Profil plus respirant */
.sidebar.sidebar-v5 .user-mini{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:11px!important;
    padding:4px 5px 18px!important;
    margin-bottom:18px!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-avatar-v51416,
.sidebar.sidebar-v5 .user-mini > img.fpa-sidebar-avatar-v51416{
    width:44px!important;
    height:44px!important;
}

.sidebar.sidebar-v5 .user-mini-name-v51207{
    font-size:12.5px!important;
}

.sidebar.sidebar-v5 .user-mini-role-v51207,
.sidebar.sidebar-v5 .user-mini-email-v51207{
    line-height:1.35!important;
}

/* Espacement général légèrement amélioré */
.sidebar.sidebar-v5 .fpa-sidebar-dashboard-v51416{
    margin-bottom:10px!important;
    padding-bottom:10px!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-section-v51416{
    margin-bottom:10px!important;
    padding-bottom:10px!important;
}

.sidebar.sidebar-v5 .fpa-sidebar-section-title-v51416{
    padding-top:5px!important;
    padding-bottom:6px!important;
}

/* Bouton déconnexion mieux intégré */
.sidebar.sidebar-v5 .logout-form-v5{
    margin-top:10px!important;
    padding-top:0!important;
}

.sidebar.sidebar-v5 .link-btn.logout{
    min-height:38px!important;
    margin-top:0!important;
    padding:8px 12px!important;
    border-radius:7px!important;
    font-size:10.5px!important;
}


/* ==========================================================
   FPA V5.1.4.18 — PROFIL SIDEBAR
   Bloc identité plus propre et plus lisible.
   ========================================================== */

.sidebar.sidebar-v5 .user-mini{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
    align-items:start!important;

    margin:0 4px 20px!important;
    padding:6px 4px 18px!important;

    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Avatar */
.sidebar.sidebar-v5 .fpa-sidebar-avatar-v51416,
.sidebar.sidebar-v5 .user-mini > img.fpa-sidebar-avatar-v51416{
    grid-column:1!important;
    grid-row:1 / span 5!important;

    width:46px!important;
    height:46px!important;

    margin-top:1px!important;

    border:2px solid rgba(255,255,255,.88)!important;
    border-radius:50%!important;

    object-fit:cover!important;
}

/* Nom */
.sidebar.sidebar-v5 .user-mini-name-v51207{
    grid-column:2!important;

    display:block!important;

    margin:0 0 2px!important;

    color:#ffffff!important;

    font-size:13px!important;
    line-height:1.25!important;
    font-weight:900!important;

    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
}

/* Rôle */
.sidebar.sidebar-v5 .user-mini-role-v51207{
    grid-column:2!important;

    display:block!important;

    margin:0!important;

    color:#c4cfdb!important;

    font-size:9.5px!important;
    line-height:1.35!important;
    font-weight:600!important;

    white-space:normal!important;
}

/* Email */
.sidebar.sidebar-v5 .user-mini-email-v51207{
    grid-column:2!important;

    display:block!important;

    margin:1px 0 0!important;

    color:#8295aa!important;

    font-size:9px!important;
    line-height:1.3!important;
    font-weight:500!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

/* Badge */
.sidebar.sidebar-v5 .user-mini-status-v51207{
    grid-column:2!important;

    display:flex!important;
    align-items:center!important;

    justify-self:start!important;

    margin-top:5px!important;
}

.sidebar.sidebar-v5 .user-mini-status-v51207 .badge,
.sidebar.sidebar-v5 .user-mini-status-v51207 > span{
    display:inline-flex!important;
    align-items:center!important;

    min-height:21px!important;

    padding:3px 9px!important;

    border-radius:999px!important;

    font-size:8.5px!important;
    line-height:1!important;
    font-weight:900!important;
}

/* L'ancien indicateur "Connecté" reste masqué */
.sidebar.sidebar-v5 .connected-dot-line-v51126{
    display:none!important;
}


/* ==========================================================
   FPA V5.1.4.20 — MES ANNONCES PREMIUM
   Refonte UI uniquement.
   ========================================================== */

.my-ads-panel-v51420{
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* En-tête */
.my-ads-head-v51420{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;

    margin:0 0 14px!important;
    padding:24px 26px!important;

    border:1px solid #e3e8f0!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfcfe 100%
        )!important;

    box-shadow:
        0 8px 30px rgba(15,23,42,.035)!important;
}

.my-ads-head-v51420 h2{
    margin:4px 0 5px!important;
    color:#0d1b32!important;
    font-size:27px!important;
    line-height:1.1!important;
    font-weight:950!important;
}

.my-ads-head-v51420 p{
    margin:0!important;
    color:#66768d!important;
    font-size:13px!important;
}

.my-ads-head-v51420 .my-ads-kicker-v51220{
    display:block!important;
    color:#f15a20!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
}

/* Filtres */
.my-ads-panel-v51420 .my-ads-filter-box-v511104{
    margin:0 0 16px!important;
    padding:13px 15px!important;

    border:1px solid #e5eaf1!important;
    border-radius:16px!important;

    background:#f8fafc!important;
}

.my-ads-panel-v51420 .my-ads-filter-row-v511104{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;

    padding:5px 0!important;
}

.my-ads-panel-v51420
.my-ads-filter-row-v511104 > span{
    color:#728097!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

.my-ads-panel-v51420
.my-ads-filter-row-v511104 nav{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
}

.my-ads-panel-v51420
.my-ads-filter-pill-v511104{
    min-height:30px!important;
    padding:6px 11px!important;

    border:1px solid #e2e8f0!important;
    border-radius:999px!important;

    background:#fff!important;
    color:#27354a!important;

    font-size:11px!important;
    font-weight:850!important;

    text-decoration:none!important;
}

.my-ads-panel-v51420
.my-ads-filter-pill-v511104.active{
    border-color:#0d1b32!important;
    background:#0d1b32!important;
    color:#fff!important;
}

/* Titre de liste */
.my-ads-list-head-v51420{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;

    margin:8px 0 10px!important;
    padding:0 2px!important;
}

.my-ads-list-head-v51420
.my-ads-count-v51220{
    margin:0!important;
    color:#6a7890!important;
    font-size:12px!important;
}

.my-ads-list-head-v51420
.my-ads-count-v51220 strong{
    color:#0d1b32!important;
    font-size:18px!important;
}

.my-ads-list-head-v51420 > span{
    color:#8794a8!important;
    font-size:11px!important;
}

/* Liste */
.my-ads-list-v51420{
    display:grid!important;
    gap:10px!important;
}

.my-ad-card-v51420{
    position:relative!important;

    display:grid!important;
    gap:12px!important;

    padding:15px 17px!important;

    border:1px solid #e4e9f0!important;
    border-radius:16px!important;

    background:#fff!important;

    box-shadow:
        0 7px 22px rgba(15,23,42,.025)!important;

    overflow:visible!important;
}

.my-ad-card-v51420:hover{
    border-color:#d2dae6!important;
    box-shadow:
        0 10px 28px rgba(15,23,42,.055)!important;
}

/* Ligne supérieure */
.my-ad-card-top-v51420{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:15px!important;
}

.my-ad-card-identity-v51420{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
}

.my-ad-kind-v51420{
    display:inline-flex!important;
    align-items:center!important;

    min-height:23px!important;
    padding:4px 8px!important;

    border-radius:999px!important;

    background:#fff3e9!important;
    color:#d84b14!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
}

.my-ad-reference-v51420{
    color:#f05218!important;
    font-size:12px!important;
    font-weight:950!important;
    text-decoration:none!important;
}

.my-ad-card-status-v51420{
    display:flex!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:5px!important;
}

.my-ad-card-status-v51420 .badge{
    margin:0!important;
    font-size:9px!important;
}

/* Corps */
.my-ad-card-body-v51420{
    display:grid!important;
    grid-template-columns:
        minmax(260px,1fr)
        minmax(130px,.28fr)
        auto!important;

    align-items:center!important;
    gap:18px!important;
}

.my-ad-route-v51420,
.my-ad-date-v51420{
    min-width:0!important;
}

.my-ad-route-v51420 > span,
.my-ad-date-v51420 > span{
    display:block!important;

    margin-bottom:4px!important;

    color:#8693a7!important;

    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}

.my-ad-route-v51420 strong{
    display:block!important;

    color:#122139!important;

    font-size:13px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

.my-ad-date-v51420 strong{
    display:block!important;

    color:#334155!important;

    font-size:11px!important;
    line-height:1.3!important;
    font-weight:800!important;
}

/* Actions */
.my-ad-actions-v51420{
    position:relative!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
}

.my-ad-actions-v51420 .btn.tiny{
    min-height:32px!important;

    padding:6px 11px!important;

    border-radius:9px!important;

    font-size:10px!important;
    font-weight:900!important;
}

.my-ad-view-v51420{
    border-color:#0d1b32!important;
    background:#0d1b32!important;
    color:#fff!important;
}

.my-ad-edit-v51420{
    border-color:#e5eaf1!important;
    background:#f3f6fa!important;
    color:#17243a!important;
}

/* Menu Options */
.my-ad-options-v51420{
    position:relative!important;
}

.my-ad-options-v51420 > summary{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;

    list-style:none!important;
    cursor:pointer!important;

    border-color:#e4e9f0!important;
    background:#fff!important;
    color:#17243a!important;
}

.my-ad-options-v51420 > summary::-webkit-details-marker{
    display:none!important;
}

.my-ad-options-v51420 > summary b{
    font-size:12px!important;
    transition:transform .15s ease!important;
}

.my-ad-options-v51420[open] > summary b{
    transform:rotate(180deg)!important;
}

.my-ad-options-v51420[open]{
    z-index:200!important;
}

.my-ad-options-menu-v51420{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:0!important;

    z-index:210!important;

    display:grid!important;
    gap:6px!important;

    width:190px!important;

    padding:9px!important;

    border:1px solid #e1e7ef!important;
    border-radius:13px!important;

    background:#fff!important;

    box-shadow:
        0 18px 42px rgba(15,23,42,.16)!important;
}

.my-ad-options-menu-v51420 form{
    display:grid!important;
    gap:5px!important;

    width:100%!important;

    margin:0!important;
}

.my-ad-options-menu-v51420 .btn{
    width:100%!important;
    justify-content:center!important;

    min-height:31px!important;
}

.my-ad-options-menu-v51420
button[class*="danger"],
.my-ad-options-menu-v51420
.danger{
    color:#c81e1e!important;
}

.my-ad-sponsor-form-v51420{
    margin-top:3px!important;
    padding-top:7px!important;

    border-top:1px solid #edf0f5!important;
}

.my-ad-sponsor-form-v51420 label{
    display:grid!important;
    gap:4px!important;

    color:#58677d!important;

    font-size:9px!important;
    font-weight:900!important;
}

.my-ad-sponsor-form-v51420 select{
    min-height:31px!important;

    padding:5px 7px!important;

    border:1px solid #dce3ec!important;
    border-radius:8px!important;

    background:#fff!important;

    font-size:10px!important;
}

/* Anciennes lignes non utilisées sur my_ads V51420 */
.my-ads-panel-v51420
> .listing-row-v511104{
    display:none!important;
}

/* Responsive */
@media(max-width:1050px){
    .my-ad-card-body-v51420{
        grid-template-columns:
            minmax(0,1fr)
            minmax(130px,.35fr)!important;
    }

    .my-ad-actions-v51420{
        grid-column:1/-1!important;
        justify-content:flex-start!important;
    }
}

@media(max-width:700px){
    .my-ads-head-v51420{
        align-items:flex-start!important;
        flex-direction:column!important;

        padding:19px!important;
    }

    .my-ads-head-v51420 .btn{
        width:100%!important;
        justify-content:center!important;
    }

    .my-ads-panel-v51420
    .my-ads-filter-row-v511104{
        grid-template-columns:1fr!important;
    }

    .my-ad-card-top-v51420{
        flex-direction:column!important;
    }

    .my-ad-card-status-v51420{
        justify-content:flex-start!important;
    }

    .my-ad-card-body-v51420{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .my-ad-actions-v51420{
        grid-column:auto!important;
        justify-content:flex-start!important;
        flex-wrap:wrap!important;
    }

    .my-ad-options-menu-v51420{
        left:0!important;
        right:auto!important;
    }

    .my-ads-list-head-v51420 > span{
        display:none!important;
    }
}


/* ==========================================================
   FPA V5.1.4.21 — MES ANNONCES TRANSITAIRE
   Harmonisation avec Mes annonces V51420.
   ========================================================== */

.tr-ads-toolbar-v51421{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin:0 0 14px;
    padding:0 2px;
}

.tr-ads-toolbar-v51421 > div{
    display:flex;
    align-items:baseline;
    gap:5px;
    color:#64748b;
    font-size:12px;
}

.tr-ads-toolbar-v51421 strong{
    color:#0f172a;
    font-size:19px;
    font-weight:950;
}

.tr-ads-toolbar-v51421 p{
    margin:0;
    color:#8491a5;
    font-size:11px;
}

.tr-ads-grid-v51421{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.tr-ad-card-v51421{
    position:relative;
    overflow:visible;
    border:1px solid #e3e8ef;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.035);
}

.tr-ad-media-v51421{
    height:210px;
    overflow:hidden;
    border-radius:18px 18px 0 0;
    background:#eef2f7;
}

.tr-ad-media-v51421 img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.tr-ad-placeholder-v51421{
    display:grid;
    place-items:center;
    height:100%;
    color:#94a3b8;
    font-size:12px;
    font-weight:800;
}

.tr-ad-content-v51421{
    padding:15px 16px 16px;
}

.tr-ad-head-v51421{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.tr-ad-statuses-v51421{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.tr-ad-status-v51421{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:4px 8px;
    border-radius:999px;
    background:#fff3e8;
    color:#eb571c;
    font-size:9px;
    font-weight:950;
}

.tr-ad-ref-v51421{
    color:#66758a;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

.tr-ad-content-v51421 h2{
    margin:10px 0 6px;
    color:#111c30;
    font-size:18px;
    line-height:1.25;
    font-weight:950;
}

.tr-ad-route-v51421{
    margin:0;
    color:#64748b;
    font-size:12px;
    font-weight:700;
}

.tr-ad-meta-v51421{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:13px;
    padding-top:12px;
    border-top:1px solid #edf1f5;
}

.tr-ad-meta-v51421 div{
    min-width:0;
}

.tr-ad-meta-v51421 span{
    display:block;
    margin-bottom:3px;
    color:#8a97a9;
    font-size:8px;
    font-weight:950;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.tr-ad-meta-v51421 strong{
    display:block;
    overflow:hidden;
    color:#27364c;
    font-size:10px;
    line-height:1.3;
    font-weight:850;
    text-overflow:ellipsis;
}

.tr-ad-actions-v51421{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
}

.tr-ad-actions-v51421 .btn.small{
    min-height:34px;
    padding:7px 11px;
    border-radius:9px;
    font-size:10px;
    font-weight:900;
}

.tr-ad-view-v51421{
    background:#f2f5f9!important;
    border-color:#e4e9ef!important;
    color:#17243a!important;
}

.tr-ad-options-v51421{
    position:relative;
}

.tr-ad-options-v51421 > summary{
    display:flex;
    align-items:center;
    gap:6px;
    list-style:none;
    cursor:pointer;
}

.tr-ad-options-v51421 > summary::-webkit-details-marker{
    display:none;
}

.tr-ad-options-v51421 > summary b{
    transition:transform .15s ease;
}

.tr-ad-options-v51421[open]{
    z-index:200;
}

.tr-ad-options-v51421[open] > summary b{
    transform:rotate(180deg);
}

.tr-ad-options-menu-v51421{
    position:absolute;
    top:calc(100% + 7px);
    right:0;
    z-index:220;
    display:grid;
    gap:7px;
    width:205px;
    padding:10px;
    border:1px solid #e1e7ef;
    border-radius:13px;
    background:#fff;
    box-shadow:0 18px 42px rgba(15,23,42,.17);
}

.tr-ad-options-menu-v51421 form{
    display:grid;
    gap:6px;
    margin:0;
}

.tr-ad-options-menu-v51421 .btn{
    width:100%;
    justify-content:center;
}

.tr-ad-sponsor-form-v51421 label{
    display:grid;
    gap:5px;
    color:#68768a;
    font-size:9px;
    font-weight:900;
}

.tr-ad-sponsor-form-v51421 select{
    min-height:33px;
    padding:5px 7px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
}

.tr-ad-status-form-v51421{
    padding-top:7px;
    border-top:1px solid #edf0f4;
}

.tr-ad-withdraw-v51421{
    border-color:#fecaca!important;
    background:#fff5f5!important;
    color:#c81e1e!important;
}

.tr-ad-sponsored-v51421{
    display:grid;
    gap:2px;
    padding:9px;
    border-radius:9px;
    background:#ecfdf5;
    color:#087443;
    font-size:10px;
}

.tr-ad-sponsored-v51421 span{
    color:#4b8870;
    font-size:9px;
}

@media(max-width:1050px){
    .tr-ads-grid-v51421{
        grid-template-columns:1fr;
    }

    .tr-ad-media-v51421{
        height:240px;
    }
}

@media(max-width:700px){
    .tr-ads-toolbar-v51421{
        align-items:flex-start;
        flex-direction:column;
    }

    .tr-ads-toolbar-v51421 p{
        display:none;
    }

    .tr-ad-media-v51421{
        height:190px;
    }

    .tr-ad-meta-v51421{
        grid-template-columns:1fr 1fr;
    }

    .tr-ad-options-menu-v51421{
        left:0;
        right:auto;
    }
}


/* ==========================================================
   FPA V5.1.4.22 — OPTIONS TRANSITAIRE VISIBLE
   Corrige le menu Options masqué dans les cartes.
   ========================================================== */

.tr-ad-card-v51421{
    overflow:visible!important;
}

.tr-ad-content-v51421{
    overflow:visible!important;
}

.tr-ad-actions-v51421{
    overflow:visible!important;
}

/*
 * Le details prend sa place dans la ligne d'actions.
 */
.tr-ad-options-v51421{
    position:relative!important;
    overflow:visible!important;
}

/*
 * Lorsque Options est ouvert, il passe sur une ligne complète.
 * On évite ainsi tout clipping lié aux conteneurs parents.
 */
.tr-ad-options-v51421[open]{
    flex-basis:100%!important;
    width:100%!important;
    z-index:500!important;
}

/*
 * Le bouton reste compact.
 */
.tr-ad-options-v51421 > summary{
    width:max-content!important;
}

/*
 * Menu dans le flux, donc impossible à masquer derrière la carte.
 */
.tr-ad-options-menu-v51421{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;

    z-index:auto!important;

    display:grid!important;
    gap:8px!important;

    width:min(100%,280px)!important;

    margin-top:8px!important;
    padding:10px!important;

    border:1px solid #dfe6ef!important;
    border-radius:12px!important;

    background:#ffffff!important;

    box-shadow:
        0 12px 30px rgba(15,23,42,.10)!important;
}

/*
 * Sécurité : le contenu d'un details ouvert doit être visible.
 */
.tr-ad-options-v51421[open]
> .tr-ad-options-menu-v51421{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
}

/*
 * Les formulaires et boutons à l'intérieur restent visibles.
 */
.tr-ad-options-menu-v51421 form{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;

    width:100%!important;
    margin:0!important;
}

.tr-ad-options-menu-v51421 .btn{
    display:flex!important;
    width:100%!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
}

/* Retirer */
.tr-ad-status-form-v51421{
    display:grid!important;
    padding-top:8px!important;
    border-top:1px solid #edf0f4!important;
}

/* Sponsoring */
.tr-ad-sponsor-form-v51421{
    display:grid!important;
    gap:7px!important;
}

.tr-ad-sponsor-form-v51421 label{
    display:grid!important;
    gap:5px!important;
}

/* Mobile */
@media(max-width:700px){
    .tr-ad-options-menu-v51421{
        width:100%!important;
    }
}


/* ==========================================================
   FPA V5.1.4.23 — PUBLISH HUB PREMIUM
   Publier / Proposer + orientation Transitaire.
   ========================================================== */

.publish-hub-v51423{
    display:grid!important;
    gap:16px!important;
}

/* HERO */
.publish-hero-v51423{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;

    padding:26px 28px!important;

    border:1px solid #e2e8f0!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfcfe 100%
        )!important;

    box-shadow:
        0 8px 30px rgba(15,23,42,.035)!important;
}

.publish-kicker-v51423{
    display:block!important;

    margin-bottom:7px!important;

    color:#ef5b24!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
}

.publish-hero-v51423 h2{
    margin:0 0 7px!important;

    color:#0e1b30!important;

    font-size:30px!important;
    line-height:1.05!important;
    font-weight:950!important;
}

.publish-hero-v51423 p{
    margin:0!important;

    color:#66758b!important;

    font-size:13px!important;
    line-height:1.5!important;
}

.publish-back-v51423{
    flex:0 0 auto!important;
}

/* INTRO */
.publish-intro-v51423{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;

    padding:5px 3px!important;
}

.publish-intro-v51423 strong{
    color:#152238!important;
    font-size:14px!important;
}

.publish-intro-v51423 span{
    color:#8794a7!important;
    font-size:11px!important;
}

/* GRID */
.publish-grid-v51423{
    display:grid!important;
    grid-template-columns:
        repeat(3,minmax(0,1fr))!important;

    gap:14px!important;
}

.publish-grid-pro-v51423{
    grid-template-columns:
        repeat(3,minmax(0,1fr))!important;
}

/* CARD */
.publish-choice-v51423{
    display:grid!important;
    grid-template-rows:
        auto 1fr auto!important;

    gap:14px!important;

    min-height:215px!important;

    padding:20px!important;

    box-sizing:border-box!important;

    border:1px solid #e2e8f0!important;
    border-radius:18px!important;

    background:#fff!important;

    color:#101c30!important;

    text-decoration:none!important;

    box-shadow:
        0 7px 24px rgba(15,23,42,.035)!important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease!important;
}

.publish-choice-v51423:hover{
    transform:translateY(-2px)!important;

    border-color:#f4a17e!important;

    box-shadow:
        0 14px 32px rgba(15,23,42,.075)!important;
}

/* ICON */
.publish-choice-icon-v51423{
    display:grid!important;
    place-items:center!important;

    width:46px!important;
    height:46px!important;

    border-radius:13px!important;

    background:#fff1e9!important;
    color:#ef5b24!important;
}

.publish-choice-icon-v51423 svg{
    width:23px!important;
    height:23px!important;

    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

/* TEXT */
.publish-choice-content-v51423{
    display:block!important;
}

.publish-choice-content-v51423 strong{
    display:block!important;

    margin-bottom:7px!important;

    color:#101c30!important;

    font-size:16px!important;
    line-height:1.3!important;
    font-weight:950!important;
}

.publish-choice-content-v51423 small{
    display:block!important;

    color:#6f7e93!important;

    font-size:11px!important;
    line-height:1.55!important;
}

/* CTA */
.publish-choice-cta-v51423{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:10px!important;

    padding-top:12px!important;

    border-top:1px solid #edf1f5!important;

    color:#e9561f!important;

    font-size:10px!important;
    font-weight:950!important;
}

.publish-choice-cta-v51423 b{
    font-size:16px!important;
}

/* FOOTER TRANSITAIRE */
.publish-footer-v51423{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;

    padding-top:4px!important;
}

/* Ancien rendu de publish-choices neutralisé si présent ailleurs
   dans la nouvelle page */
.publish-hub-v51423 .publish-choices{
    display:none!important;
}

/* RESPONSIVE */
@media(max-width:1100px){

    .publish-grid-v51423,
    .publish-grid-pro-v51423{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:700px){

    .publish-hero-v51423{
        align-items:flex-start!important;
        flex-direction:column!important;

        padding:20px!important;
    }

    .publish-hero-v51423 h2{
        font-size:25px!important;
    }

    .publish-back-v51423{
        width:100%!important;
        justify-content:center!important;
    }

    .publish-intro-v51423{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:4px!important;
    }

    .publish-grid-v51423,
    .publish-grid-pro-v51423{
        grid-template-columns:1fr!important;
    }

    .publish-choice-v51423{
        min-height:0!important;
    }

    .publish-footer-v51423{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .publish-footer-v51423 .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* ==========================================================
   FPA V5.1.4.24 — PUBLICATION TRANSITAIRE FINAL
   Sélecteur + finition formulaire métier.
   ========================================================== */

/* Sélecteur */
.tr-publish-hub-v51424{
    margin-bottom:30px!important;
}

/* Carte principale du formulaire */
.tr2-publish-form-card-v51424{
    padding:18px!important;

    border:1px solid #e1e7ef!important;
    border-radius:20px!important;

    background:#ffffff!important;

    box-shadow:
        0 8px 28px rgba(15,23,42,.035)!important;
}

/* Formulaire */
.tr2-publish-form-v51424{
    display:grid!important;
    gap:20px!important;
}

/* Étapes */
.tr2-publish-form-v51424 .tr2-section-title{
    display:flex!important;
    align-items:flex-start!important;
    gap:11px!important;

    margin:5px 0 0!important;
    padding-top:4px!important;
}

.tr2-publish-form-v51424
.tr2-section-title > span{
    flex:0 0 31px!important;

    display:grid!important;
    place-items:center!important;

    width:31px!important;
    height:31px!important;

    border-radius:50%!important;

    background:#102a4c!important;
    color:#fff!important;

    font-size:13px!important;
    font-weight:950!important;
}

.tr2-publish-form-v51424
.tr2-section-title h2{
    margin:0 0 2px!important;

    color:#101c30!important;

    font-size:20px!important;
    line-height:1.15!important;
    font-weight:950!important;
}

.tr2-publish-form-v51424
.tr2-section-title p{
    margin:0!important;

    color:#738198!important;

    font-size:11px!important;
    line-height:1.45!important;
}

/* Contrôles */
.tr2-publish-form-v51424 label{
    color:#17243a!important;

    font-size:11px!important;
    font-weight:850!important;
}

.tr2-publish-form-v51424 input,
.tr2-publish-form-v51424 select,
.tr2-publish-form-v51424 textarea{
    width:100%!important;
    box-sizing:border-box!important;

    border:1px solid #dce4ed!important;
    border-radius:10px!important;

    background:#fff!important;
    color:#17243a!important;

    font-size:12px!important;
}

.tr2-publish-form-v51424 input,
.tr2-publish-form-v51424 select{
    min-height:39px!important;
}

.tr2-publish-form-v51424 textarea{
    padding:11px 12px!important;

    line-height:1.5!important;

    resize:vertical!important;
}

/* Aide orange du service */
.tr2-publish-form-v51424
.tr2-service-help{
    margin-top:2px!important;
    padding:11px 13px!important;

    border:1px solid #ffd1bc!important;
    border-radius:10px!important;

    background:#fff7f2!important;
    color:#a93c16!important;

    font-size:11px!important;
    line-height:1.45!important;
    font-weight:800!important;
}

/* Module métier actif */
.tr2-publish-form-v51424
.tr2-business-module{
    padding:15px!important;

    border:1px solid #dfe6ef!important;
    border-radius:15px!important;

    background:#fbfcfe!important;
}

.tr2-publish-form-v51424
.tr2-business-head{
    margin-bottom:13px!important;
    padding-bottom:12px!important;

    border-bottom:1px solid #e9edf3!important;
}

.tr2-publish-form-v51424
.tr2-business-head > span{
    color:#ef5b24!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
}

.tr2-publish-form-v51424
.tr2-business-head h3{
    margin:4px 0!important;

    color:#16243a!important;

    font-size:15px!important;
    font-weight:950!important;
}

.tr2-publish-form-v51424
.tr2-business-head p{
    margin:0!important;

    color:#78869a!important;

    font-size:10px!important;
}

/* Description */
.tr2-publish-form-v51424
label:has(textarea[name="description"]){
    display:grid!important;
    gap:7px!important;
}

/* PHOTO */
.tr2-publish-form-v51424
.tr2-upload{
    position:relative!important;

    display:grid!important;
    gap:4px!important;

    min-height:105px!important;

    padding:18px!important;

    border:1.5px dashed #bfd0e3!important;
    border-radius:14px!important;

    background:#f8fafc!important;

    cursor:pointer!important;
}

.tr2-publish-form-v51424
.tr2-upload:hover{
    border-color:#ef8a60!important;
    background:#fffaf7!important;
}

.tr2-publish-form-v51424
.tr2-upload input[type="file"]{
    min-height:auto!important;

    border:0!important;
    border-radius:0!important;

    background:transparent!important;
}

.tr2-publish-form-v51424
.tr2-upload-title{
    margin-top:5px!important;

    color:#14233a!important;

    font-size:13px!important;
    font-weight:950!important;
}

.tr2-publish-form-v51424
.tr2-upload small{
    color:#738198!important;

    font-size:9px!important;
}

/*
 * Un aperçu caché doit réellement disparaître.
 */
.tr2-publish-form-v51424
.tr2-preview[hidden]{
    display:none!important;
}

/* Aperçu photo lorsqu'il est actif */
.tr2-publish-form-v51424
.tr2-preview:not([hidden]){
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;

    padding:12px!important;

    border:1px solid #b8e3d4!important;
    border-radius:14px!important;

    background:#f2fcf8!important;
}

.tr2-publish-form-v51424
.tr2-preview img{
    display:block!important;

    width:150px!important;
    height:105px!important;

    object-fit:cover!important;

    border-radius:10px!important;

    background:#e8edf3!important;
}

.tr2-publish-form-v51424
.tr2-preview > div{
    display:grid!important;
    gap:7px!important;
}

.tr2-publish-form-v51424
.tr2-preview > div > span{
    color:#78869a!important;

    font-size:10px!important;
    font-weight:800!important;
}

.tr2-publish-form-v51424
.tr2-preview strong{
    color:#16243a!important;

    font-size:12px!important;
}

/* Validation */
.tr2-publish-form-v51424
.tr2-submit{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;

    margin-top:2px!important;
    padding-top:16px!important;

    border-top:1px solid #e9edf3!important;
}

/* Responsive */
@media(max-width:700px){

    .tr2-publish-form-card-v51424{
        padding:12px!important;
    }

    .tr2-publish-form-v51424
    .tr2-preview:not([hidden]){
        grid-template-columns:1fr!important;
    }

    .tr2-publish-form-v51424
    .tr2-preview img{
        width:100%!important;
        height:180px!important;
    }

    .tr2-publish-form-v51424
    .tr2-submit{
        align-items:stretch!important;
        flex-direction:column-reverse!important;
    }

    .tr2-publish-form-v51424
    .tr2-submit .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* ==========================================================
   FPA V5.1.4.25 — FORMULAIRE TRANSITAIRE PREMIUM
   Finition visuelle uniquement.
   ========================================================== */

/* ----------------------------------------------------------
   Structure générale
   ---------------------------------------------------------- */

.tr2-publish-form-card-v51424{
    padding:20px!important;
    border-radius:22px!important;
    background:#fff!important;
}

.tr2-publish-form-v51424{
    gap:24px!important;
}

/* ----------------------------------------------------------
   Titres d'étapes
   ---------------------------------------------------------- */

.tr2-publish-form-v51424 .tr2-section-title{
    position:relative!important;

    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;

    gap:12px!important;

    margin:6px 0 2px!important;
    padding:0!important;
}

.tr2-publish-form-v51424
.tr2-section-title > span{
    width:36px!important;
    height:36px!important;

    border-radius:11px!important;

    background:#10294b!important;
    color:#fff!important;

    box-shadow:
        0 6px 16px rgba(16,41,75,.16)!important;

    font-size:14px!important;
}

.tr2-publish-form-v51424
.tr2-section-title h2{
    margin:0 0 3px!important;

    font-size:20px!important;
    line-height:1.15!important;
}

.tr2-publish-form-v51424
.tr2-section-title p{
    font-size:11px!important;
    line-height:1.4!important;
}

/* ----------------------------------------------------------
   Labels et champs
   ---------------------------------------------------------- */

.tr2-publish-form-v51424 label{
    display:grid!important;
    gap:7px!important;

    color:#17243a!important;

    font-size:11px!important;
    line-height:1.25!important;
    font-weight:850!important;
}

.tr2-publish-form-v51424
.tr2-form-grid{
    gap:14px 16px!important;
}

.tr2-publish-form-v51424 input:not([type="file"]),
.tr2-publish-form-v51424 select{
    min-height:44px!important;

    padding:9px 12px!important;

    border:1px solid #d7e0ea!important;
    border-radius:10px!important;

    background:#fff!important;

    color:#17243a!important;

    font-size:12px!important;
    line-height:1.2!important;

    box-shadow:
        0 1px 2px rgba(15,23,42,.015)!important;
}

.tr2-publish-form-v51424 textarea{
    min-height:115px!important;

    padding:12px 13px!important;

    border:1px solid #d7e0ea!important;
    border-radius:11px!important;

    background:#fff!important;

    color:#17243a!important;

    font-size:12px!important;
    line-height:1.5!important;
}

.tr2-publish-form-v51424 input:focus,
.tr2-publish-form-v51424 select:focus,
.tr2-publish-form-v51424 textarea:focus{
    outline:none!important;

    border-color:#ef845a!important;

    box-shadow:
        0 0 0 3px rgba(239,91,36,.09)!important;
}

/* Placeholder plus discret */
.tr2-publish-form-v51424
::placeholder{
    color:#a0aaba!important;
    opacity:1!important;
}

/* ----------------------------------------------------------
   Aide liée au service
   ---------------------------------------------------------- */

.tr2-publish-form-v51424
.tr2-service-help{
    position:relative!important;

    padding:12px 14px 12px 17px!important;

    border:1px solid #ffd5c2!important;
    border-radius:11px!important;

    background:#fff8f4!important;

    color:#a73c17!important;

    font-size:11px!important;
    font-weight:800!important;
}

.tr2-publish-form-v51424
.tr2-service-help:before{
    content:""!important;

    position:absolute!important;
    top:11px!important;
    bottom:11px!important;
    left:0!important;

    width:3px!important;

    border-radius:0 3px 3px 0!important;

    background:#ef5b24!important;
}

/* ----------------------------------------------------------
   Module métier
   ---------------------------------------------------------- */

.tr2-publish-form-v51424
.tr2-business-module{
    padding:18px!important;

    border:1px solid #dfe6ef!important;
    border-radius:17px!important;

    background:#fafbfd!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75)!important;
}

.tr2-publish-form-v51424
.tr2-business-head{
    margin-bottom:16px!important;
    padding-bottom:14px!important;
}

.tr2-publish-form-v51424
.tr2-business-head h3{
    font-size:16px!important;
}

.tr2-publish-form-v51424
.tr2-business-head p{
    max-width:760px!important;

    font-size:10.5px!important;
    line-height:1.45!important;
}

/* ----------------------------------------------------------
   Description
   ---------------------------------------------------------- */

.tr2-publish-form-v51424
textarea[name="description"]{
    min-height:125px!important;
}

/* ----------------------------------------------------------
   PHOTO
   ---------------------------------------------------------- */

.tr2-publish-form-v51424
.tr2-upload{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    gap:5px!important;

    min-height:150px!important;

    padding:24px 20px!important;

    overflow:hidden!important;

    border:2px dashed #c7d4e3!important;
    border-radius:16px!important;

    background:
        linear-gradient(
            180deg,
            #fbfcfe 0%,
            #f7f9fc 100%
        )!important;

    text-align:center!important;

    cursor:pointer!important;

    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease!important;
}

.tr2-publish-form-v51424
.tr2-upload:hover{
    border-color:#ef8c65!important;

    background:#fff9f6!important;
}

/*
 * Input fichier invisible, toute la zone reste cliquable.
 */
.tr2-publish-form-v51424
.tr2-upload input[type="file"]{
    position:absolute!important;
    inset:0!important;

    z-index:3!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;

    opacity:0!important;

    cursor:pointer!important;
}

/* Icône upload */
.tr2-publish-form-v51424
.tr2-upload:before{
    content:"↑"!important;

    display:grid!important;
    place-items:center!important;

    width:45px!important;
    height:45px!important;

    margin-bottom:5px!important;

    border-radius:13px!important;

    background:#fff0e9!important;
    color:#ef5b24!important;

    font-size:23px!important;
    line-height:1!important;
    font-weight:900!important;
}

.tr2-publish-form-v51424
.tr2-upload-title{
    position:relative!important;
    z-index:2!important;

    margin:0!important;

    color:#15243a!important;

    font-size:14px!important;
    font-weight:950!important;
}

.tr2-publish-form-v51424
.tr2-upload small{
    position:relative!important;
    z-index:2!important;

    color:#78869a!important;

    font-size:10px!important;
    font-weight:650!important;
}

/* Message supplémentaire */
.tr2-publish-form-v51424
.tr2-upload:after{
    content:"JPG, PNG ou WebP · 8 Mo maximum recommandé"!important;

    position:relative!important;
    z-index:2!important;

    margin-top:2px!important;

    color:#9aa5b5!important;

    font-size:9px!important;
}

/* ----------------------------------------------------------
   Aperçu photo
   ---------------------------------------------------------- */

.tr2-publish-form-v51424
.tr2-preview[hidden]{
    display:none!important;
}

.tr2-publish-form-v51424
.tr2-preview:not([hidden]){
    display:grid!important;

    grid-template-columns:180px minmax(0,1fr)!important;
    align-items:center!important;

    gap:18px!important;

    padding:14px!important;

    border:1px solid #c8e6da!important;
    border-radius:16px!important;

    background:#f4fbf8!important;
}

.tr2-publish-form-v51424
.tr2-preview img{
    width:180px!important;
    height:125px!important;

    border-radius:12px!important;

    object-fit:cover!important;
}

.tr2-publish-form-v51424
.tr2-preview > div{
    display:grid!important;
    gap:8px!important;
}

.tr2-publish-form-v51424
.tr2-preview .btn{
    width:max-content!important;
}

/* ----------------------------------------------------------
   Zone finale
   ---------------------------------------------------------- */

.tr2-publish-form-v51424
.tr2-submit{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;

    gap:9px!important;

    margin-top:2px!important;
    padding:18px 0 0!important;

    border-top:1px solid #e7ecf2!important;
}

.tr2-publish-form-v51424
.tr2-submit .btn{
    min-height:42px!important;

    padding:9px 17px!important;

    border-radius:10px!important;

    font-size:11px!important;
    font-weight:900!important;
}

.tr2-publish-form-v51424
.tr2-submit .btn.primary{
    box-shadow:
        0 8px 18px rgba(239,91,36,.18)!important;
}

/* ----------------------------------------------------------
   Safari
   ---------------------------------------------------------- */

@supports (-webkit-touch-callout:none){

    .tr2-publish-form-v51424 select{
        -webkit-appearance:auto!important;
        appearance:auto!important;
    }

    .tr2-publish-form-v51424
    input[type="date"]{
        -webkit-appearance:none!important;
        appearance:none!important;
    }
}

/* ----------------------------------------------------------
   Responsive
   ---------------------------------------------------------- */

@media(max-width:700px){

    .tr2-publish-form-card-v51424{
        padding:12px!important;
    }

    .tr2-publish-form-v51424
    .tr2-business-module{
        padding:13px!important;
    }

    .tr2-publish-form-v51424
    .tr2-preview:not([hidden]){
        grid-template-columns:1fr!important;
    }

    .tr2-publish-form-v51424
    .tr2-preview img{
        width:100%!important;
        height:190px!important;
    }

    .tr2-publish-form-v51424
    .tr2-submit{
        flex-direction:column-reverse!important;
        align-items:stretch!important;
    }

    .tr2-publish-form-v51424
    .tr2-submit .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* ==========================================================
   FPA V5.1.4.27 — CENTRE ECHANGES PREMIUM
   Multi-rôles.
   ========================================================== */

.fpa-exchange-v51427{
    display:grid!important;
    gap:16px!important;
}

/* HERO */
.fpa-exchange-hero-v51427{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:24px!important;

    padding:24px 26px!important;

    border:1px solid #e1e7ef!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfcfe 100%
        )!important;

    box-shadow:
        0 8px 28px rgba(15,23,42,.035)!important;
}

.fpa-exchange-kicker-v51427{
    display:block!important;

    margin-bottom:7px!important;

    color:#ef5b24!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
}

.fpa-exchange-hero-v51427 h2{
    margin:0 0 6px!important;

    color:#101c30!important;

    font-size:30px!important;
    line-height:1.1!important;
    font-weight:950!important;
}

.fpa-exchange-hero-v51427 p{
    margin:0!important;

    color:#69788e!important;

    font-size:12px!important;
    line-height:1.5!important;
}

/* COMPTEUR GLOBAL */
.fpa-exchange-attention-v51427{
    flex:0 0 210px!important;

    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;

    column-gap:11px!important;
    row-gap:2px!important;

    padding:13px 15px!important;

    border:1px solid #e6ebf1!important;
    border-radius:15px!important;

    background:#f7f9fc!important;
}

.fpa-exchange-attention-v51427 > span{
    grid-column:2!important;

    color:#718096!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
}

.fpa-exchange-attention-v51427 > strong{
    grid-column:1!important;
    grid-row:1 / span 2!important;

    display:grid!important;
    place-items:center!important;

    width:48px!important;
    height:48px!important;

    border-radius:13px!important;

    background:#edf2f7!important;
    color:#18304f!important;

    font-size:22px!important;
    font-weight:950!important;
}

.fpa-exchange-attention-v51427 > small{
    grid-column:2!important;

    color:#64748b!important;

    font-size:9px!important;
    line-height:1.3!important;
}

.fpa-exchange-attention-v51427.has-items > strong{
    background:#fff0e8!important;
    color:#e9531c!important;
}

/* INFO */
.fpa-exchange-info-v51427{
    display:flex!important;
    align-items:center!important;

    gap:11px!important;

    padding:12px 15px!important;

    border:1px solid #e4e9f0!important;
    border-radius:13px!important;

    background:#f8fafc!important;
}

.fpa-exchange-info-icon-v51427{
    flex:0 0 28px!important;

    display:grid!important;
    place-items:center!important;

    width:28px!important;
    height:28px!important;

    border-radius:50%!important;

    background:#eaf1fb!important;
    color:#315d91!important;

    font-size:12px!important;
    font-weight:950!important;
}

.fpa-exchange-info-v51427 p{
    margin:0!important;

    color:#68778c!important;

    font-size:10.5px!important;
    line-height:1.45!important;
}

.fpa-exchange-info-v51427 strong{
    color:#29394f!important;
}

/* GRID */
.fpa-exchange-grid-v51427{
    display:grid!important;
    grid-template-columns:
        repeat(3,minmax(0,1fr))!important;

    gap:14px!important;
}

/* CARD */
.fpa-exchange-card-v51427{
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;

    gap:18px!important;

    min-height:220px!important;

    padding:18px!important;

    border:1px solid #e1e7ef!important;
    border-radius:18px!important;

    background:#fff!important;

    color:#17243a!important;

    text-decoration:none!important;

    box-shadow:
        0 7px 24px rgba(15,23,42,.035)!important;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease!important;
}

.fpa-exchange-card-v51427:hover{
    transform:translateY(-2px)!important;

    border-color:#cfd8e4!important;

    box-shadow:
        0 14px 32px rgba(15,23,42,.075)!important;
}

/* TOP */
.fpa-exchange-card-top-v51427{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:10px!important;
}

.fpa-exchange-icon-v51427{
    display:grid!important;
    place-items:center!important;

    width:44px!important;
    height:44px!important;

    border-radius:13px!important;

    background:#f2f6fb!important;
    color:#315e91!important;
}

.fpa-exchange-icon-v51427 svg{
    width:21px!important;
    height:21px!important;

    fill:none!important;
    stroke:currentColor!important;

    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.fpa-exchange-count-v51427{
    display:grid!important;
    place-items:center!important;

    min-width:36px!important;
    height:36px!important;

    padding:0 8px!important;

    border-radius:11px!important;

    background:#fff1e9!important;
    color:#e9561f!important;

    font-size:17px!important;
    font-weight:950!important;
}

/* BODY */
.fpa-exchange-card-body-v51427 h3{
    margin:0 0 7px!important;

    color:#101c30!important;

    font-size:17px!important;
    font-weight:950!important;
}

.fpa-exchange-card-body-v51427 p{
    margin:0!important;

    color:#728096!important;

    font-size:10.5px!important;
    line-height:1.5!important;
}

/* FOOTER CARD */
.fpa-exchange-card-footer-v51427{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:10px!important;

    padding-top:12px!important;

    border-top:1px solid #edf1f5!important;

    color:#44566e!important;

    font-size:9.5px!important;
    font-weight:850!important;
}

.fpa-exchange-card-footer-v51427 b{
    color:#ef5b24!important;

    font-size:17px!important;
}

/* Specific cards */
.fpa-exchange-card-v51427.notifications
.fpa-exchange-icon-v51427{
    background:#fff5e9!important;
    color:#e46e22!important;
}

.fpa-exchange-card-v51427.disputes
.fpa-exchange-icon-v51427{
    background:#f4f1ff!important;
    color:#6555ad!important;
}

/* FOOTER PAGE */
.fpa-exchange-footer-v51427{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:18px!important;

    padding:15px 17px!important;

    border:1px solid #e4e9f0!important;
    border-radius:15px!important;

    background:#fff!important;
}

.fpa-exchange-footer-v51427 > div{
    display:grid!important;
    gap:3px!important;
}

.fpa-exchange-footer-v51427 strong{
    color:#17243a!important;

    font-size:11px!important;
}

.fpa-exchange-footer-v51427 span{
    color:#7b8798!important;

    font-size:9.5px!important;
}

/* RESPONSIVE */
@media(max-width:1000px){

    .fpa-exchange-grid-v51427{
        grid-template-columns:1fr!important;
    }

    .fpa-exchange-card-v51427{
        min-height:170px!important;
    }
}

@media(max-width:700px){

    .fpa-exchange-hero-v51427{
        align-items:flex-start!important;
        flex-direction:column!important;

        padding:20px!important;
    }

    .fpa-exchange-hero-v51427 h2{
        font-size:25px!important;
    }

    .fpa-exchange-attention-v51427{
        width:100%!important;
        box-sizing:border-box!important;
    }

    .fpa-exchange-footer-v51427{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .fpa-exchange-footer-v51427 .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* ==========================================================
   FPA V5.1.4.28 — MESSAGERIE PREMIUM
   Refonte UI multi-rôles.
   ========================================================== */

.fpa-messages-v51428{
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* HERO */
.fpa-messages-hero-v51428{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;

    margin-bottom:16px!important;
    padding:23px 25px!important;

    border:1px solid #e1e7ef!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfcfe 100%
        )!important;

    box-shadow:
        0 8px 28px rgba(15,23,42,.035)!important;
}

.fpa-messages-kicker-v51428{
    display:block!important;
    margin-bottom:6px!important;

    color:#ef5b24!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
}

.fpa-messages-hero-v51428 h2{
    margin:0 0 6px!important;

    color:#101c30!important;

    font-size:28px!important;
    line-height:1.1!important;
    font-weight:950!important;
}

.fpa-messages-hero-v51428 p{
    margin:0!important;

    color:#6d7b90!important;

    font-size:11px!important;
    line-height:1.45!important;
}

/* LAYOUT */
.fpa-messages-v51428 .messages-pro-v61n{
    display:grid!important;
    grid-template-columns:340px minmax(0,1fr)!important;
    gap:14px!important;

    min-height:640px!important;
}

/* PANELS */
.fpa-messages-v51428 .msg-inbox-v61n,
.fpa-messages-v51428 .msg-thread-v61n{
    border:1px solid #dfe6ef!important;
    border-radius:18px!important;

    background:#fff!important;

    overflow:hidden!important;

    box-shadow:
        0 7px 24px rgba(15,23,42,.035)!important;
}

/* INBOX HEAD */
.fpa-messages-v51428 .msg-inbox-head-v61n{
    padding:17px!important;

    border-bottom:1px solid #e9eef4!important;

    background:#fbfcfe!important;
}

.msg-inbox-kicker-v51428{
    display:block!important;

    margin-bottom:7px!important;

    color:#8a98aa!important;

    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
}

.msg-inbox-title-v51428{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}

.msg-inbox-title-v51428 h3{
    margin:0!important;

    color:#101c30!important;

    font-size:17px!important;
    font-weight:950!important;
}

.msg-inbox-title-v51428 > span{
    display:grid!important;
    place-items:center!important;

    min-width:28px!important;
    height:28px!important;

    padding:0 7px!important;

    border-radius:9px!important;

    background:#eaf1fb!important;
    color:#315d91!important;

    font-size:11px!important;
    font-weight:950!important;
}

.fpa-messages-v51428 .msg-inbox-head-v61n p{
    margin:6px 0 0!important;

    font-size:9.5px!important;
    line-height:1.4!important;
}

/* LISTE */
.fpa-messages-v51428 .msg-inbox-list-v61n{
    max-height:660px!important;

    background:#fff!important;
}

.fpa-messages-v51428 .msg-conv-v61n{
    position:relative!important;

    display:grid!important;
    gap:5px!important;

    padding:13px 14px!important;

    border-bottom:1px solid #edf1f5!important;
    border-left:3px solid transparent!important;

    background:#fff!important;

    transition:
        background .15s ease,
        border-color .15s ease!important;
}

.fpa-messages-v51428 .msg-conv-v61n:hover{
    background:#f8fafc!important;
}

.fpa-messages-v51428 .msg-conv-v61n.active{
    border-left-color:#ef5b24!important;

    background:#fff7f2!important;
}

.fpa-messages-v51428 .msg-conv-top-v61n strong{
    min-width:0!important;

    color:#152238!important;

    font-size:11.5px!important;
    line-height:1.35!important;
    font-weight:900!important;
}

.fpa-messages-v51428 .msg-conv-v61n small{
    color:#8491a3!important;

    font-size:9px!important;
    line-height:1.3!important;
}

.fpa-messages-v51428 .msg-preview-v61n{
    color:#53647a!important;

    font-size:10px!important;
    line-height:1.35!important;
}

/* NON LU */
.fpa-messages-v51428 .msg-unread-v61n{
    flex:0 0 auto!important;

    min-width:22px!important;

    padding:4px 7px!important;

    border-radius:999px!important;

    background:#ef5b24!important;
    color:#fff!important;

    font-size:8px!important;
    font-style:normal!important;
    font-weight:950!important;
}

/* THREAD */
.fpa-messages-v51428 .msg-thread-v61n{
    display:flex!important;
    flex-direction:column!important;

    min-width:0!important;
}

/* ÉTAT VIDE */
.msg-empty-thread-v51428{
    flex:1!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:600px!important;

    padding:40px!important;

    text-align:center!important;

    background:
        radial-gradient(
            circle at 50% 40%,
            #fafcff 0,
            #fff 58%
        )!important;
}

.msg-empty-icon-v51428{
    display:grid!important;
    place-items:center!important;

    width:62px!important;
    height:62px!important;

    margin-bottom:15px!important;

    border-radius:18px!important;

    background:#eef4fb!important;
    color:#315d91!important;
}

.msg-empty-icon-v51428 svg{
    width:29px!important;
    height:29px!important;

    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.6!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.msg-empty-thread-v51428 h3{
    margin:0 0 8px!important;

    color:#17243a!important;

    font-size:18px!important;
    font-weight:950!important;
}

.msg-empty-thread-v51428 p{
    max-width:500px!important;

    margin:0!important;

    color:#6d7b90!important;

    font-size:11px!important;
    line-height:1.5!important;
}

.msg-empty-thread-v51428 small{
    margin-top:8px!important;

    color:#98a3b1!important;

    font-size:9px!important;
}

/* THREAD HEADER */
.fpa-messages-v51428 .msg-thread-head-v61n{
    padding:16px 18px!important;

    border-bottom:1px solid #e9eef4!important;

    background:#fff!important;
}

.fpa-messages-v51428 .msg-thread-head-v61n h3{
    margin:0!important;

    color:#101c30!important;

    font-size:16px!important;
    font-weight:950!important;
}

.fpa-messages-v51428 .msg-thread-meta-v61n{
    gap:6px!important;

    margin-top:8px!important;
}

.fpa-messages-v51428 .msg-pill-v61n{
    padding:5px 8px!important;

    border-radius:8px!important;

    background:#eef4fb!important;
    color:#315d91!important;

    font-size:8.5px!important;
    font-weight:850!important;
}

.fpa-messages-v51428 .msg-pill-v61n.system{
    background:#edf9f3!important;
    color:#178059!important;
}

/* TIMELINE */
.fpa-messages-v51428 .msg-timeline-v61n{
    flex:1!important;

    max-height:570px!important;

    padding:20px!important;

    gap:10px!important;

    background:#f7f9fc!important;
}

.fpa-messages-v51428 .msg-bubble-v61n{
    max-width:72%!important;

    padding:11px 13px!important;

    border:1px solid #e1e7ef!important;
    border-radius:15px 15px 15px 5px!important;

    background:#fff!important;

    box-shadow:
        0 3px 10px rgba(15,23,42,.025)!important;
}

.fpa-messages-v51428 .msg-bubble-v61n.out{
    margin-left:auto!important;

    border-color:#ffd9c8!important;
    border-radius:15px 15px 5px 15px!important;

    background:#fff5ef!important;
}

.fpa-messages-v51428 .msg-bubble-v61n.system{
    max-width:88%!important;

    margin:4px auto!important;

    border-color:#cdebdc!important;
    border-radius:12px!important;

    background:#f0faf5!important;
    color:#176744!important;
}

.fpa-messages-v51428 .msg-bubble-head-v61n{
    color:#8692a3!important;

    font-size:8.5px!important;
    font-weight:800!important;
}

.fpa-messages-v51428 .msg-bubble-v61n p{
    margin:6px 0 0!important;

    color:#26364c!important;

    font-size:10.5px!important;
    line-height:1.5!important;
}

/* COMPOSER */
.fpa-messages-v51428 .msg-compose-bottom-v61n{
    padding:15px 17px!important;

    border-top:1px solid #e8edf3!important;

    background:#fff!important;
}

.fpa-messages-v51428 .msg-compose-bottom-v61n label{
    display:grid!important;
    gap:6px!important;

    color:#17243a!important;

    font-size:10px!important;
    font-weight:900!important;
}

.fpa-messages-v51428 .msg-compose-bottom-v61n label small{
    color:#8a96a7!important;

    font-size:8.5px!important;
    line-height:1.35!important;
}

.fpa-messages-v51428 .msg-compose-bottom-v61n textarea{
    min-height:90px!important;

    padding:11px 12px!important;

    border:1px solid #dce4ed!important;
    border-radius:12px!important;

    background:#fbfcfe!important;

    font-size:11px!important;
    line-height:1.45!important;
}

.fpa-messages-v51428 .msg-compose-bottom-v61n textarea:focus{
    outline:none!important;

    border-color:#ef875e!important;

    box-shadow:
        0 0 0 3px rgba(239,91,36,.08)!important;

    background:#fff!important;
}

.fpa-messages-v51428 .msg-compose-bottom-v61n .btn.primary{
    margin-top:9px!important;

    min-height:38px!important;

    padding:8px 15px!important;

    border-radius:9px!important;
}

/* NOUVEAU MESSAGE */
.fpa-messages-v51428
> .msg-inbox-v61n{
    margin-bottom:14px!important;
}

/* RESPONSIVE */
@media(max-width:1000px){

    .fpa-messages-v51428 .messages-pro-v61n{
        grid-template-columns:300px minmax(0,1fr)!important;
    }
}

@media(max-width:850px){

    .fpa-messages-v51428 .messages-pro-v61n{
        grid-template-columns:1fr!important;
    }

    .fpa-messages-v51428 .msg-inbox-list-v61n,
    .fpa-messages-v51428 .msg-timeline-v61n{
        max-height:none!important;
    }

    .msg-empty-thread-v51428{
        min-height:320px!important;
    }
}

@media(max-width:700px){

    .fpa-messages-hero-v51428{
        align-items:flex-start!important;
        flex-direction:column!important;

        padding:19px!important;
    }

    .fpa-messages-hero-v51428 h2{
        font-size:24px!important;
    }

    .fpa-messages-back-v51428{
        width:100%!important;
        justify-content:center!important;
    }

    .fpa-messages-v51428 .msg-bubble-v61n{
        max-width:88%!important;
    }

    .fpa-messages-v51428 .msg-bubble-v61n.system{
        max-width:100%!important;
    }
}


/* ==========================================================
   FPA V5.1.4.29 — BULLES MESSAGERIE
   Empêche l'étirement vertical des messages.
   ========================================================== */

.fpa-messages-v51428 .msg-timeline-v61n{
    align-content:start!important;
    align-items:start!important;
    grid-auto-rows:max-content!important;
    min-height:330px!important;
}

.fpa-messages-v51428 .msg-bubble-v61n{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
}

.fpa-messages-v51428 .msg-bubble-v61n.out{
    justify-self:end!important;
    align-self:start!important;
    width:auto!important;
    min-width:120px!important;
}

.fpa-messages-v51428 .msg-bubble-v61n.in{
    justify-self:start!important;
    align-self:start!important;
    width:auto!important;
    min-width:120px!important;
}

.fpa-messages-v51428 .msg-bubble-v61n.system{
    justify-self:center!important;
    align-self:start!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
}

.fpa-messages-v51428 .msg-bubble-v61n p{
    width:auto!important;
}

@media(max-width:700px){
    .fpa-messages-v51428 .msg-bubble-v61n.out,
    .fpa-messages-v51428 .msg-bubble-v61n.in{
        min-width:0!important;
    }
}


/* ==========================================================
   FPA V5.1.4.30 — NOTIFICATIONS & LITIGES
   Refonte multi-rôles.
   ========================================================== */

.fpa-notifications-v51430,
.fpa-disputes-v51430{
    display:grid!important;
    gap:15px!important;
}

/* ------------------------------
   HERO COMMUN
   ------------------------------ */

.fpa-notifications-hero-v51430,
.fpa-disputes-hero-v51430{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;

    padding:23px 25px!important;

    border:1px solid #e1e7ef!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fbfcfe 100%
        )!important;

    box-shadow:
        0 8px 28px rgba(15,23,42,.035)!important;
}

.fpa-section-kicker-v51430{
    display:block!important;
    margin-bottom:7px!important;

    color:#ef5b24!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
}

.fpa-notifications-hero-v51430 h2,
.fpa-disputes-hero-v51430 h2{
    margin:0 0 6px!important;

    color:#101c30!important;

    font-size:29px!important;
    line-height:1.1!important;
    font-weight:950!important;
}

.fpa-notifications-hero-v51430 p,
.fpa-disputes-hero-v51430 p{
    max-width:700px!important;
    margin:0!important;

    color:#6b7a8f!important;

    font-size:11px!important;
    line-height:1.5!important;
}

/* ------------------------------
   NOTIFICATIONS STATS
   ------------------------------ */

.fpa-notification-summary-v51430{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}

.fpa-notification-stat-v51430{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:3px 12px!important;

    padding:14px 16px!important;

    border:1px solid #e2e8f0!important;
    border-radius:14px!important;

    background:#fff!important;
}

.fpa-notification-stat-v51430 > span{
    color:#728097!important;

    font-size:9px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}

.fpa-notification-stat-v51430 strong{
    grid-column:2!important;
    grid-row:1 / span 2!important;

    color:#17243a!important;

    font-size:25px!important;
    font-weight:950!important;
}

.fpa-notification-stat-v51430 small{
    color:#94a0af!important;
    font-size:9px!important;
}

.fpa-notification-stat-v51430.unread{
    border-color:#ffd8c7!important;
    background:#fff9f5!important;
}

.fpa-notification-stat-v51430.unread strong{
    color:#e9551f!important;
}

/* TOOLBAR */
.fpa-notification-toolbar-v51430{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:20px!important;

    padding:13px 15px!important;

    border:1px solid #e4e9f0!important;
    border-radius:14px!important;

    background:#f8fafc!important;
}

.fpa-notification-toolbar-v51430 > div{
    display:grid!important;
    gap:3px!important;
}

.fpa-notification-toolbar-v51430 strong{
    color:#17243a!important;
    font-size:11px!important;
}

.fpa-notification-toolbar-v51430 span{
    color:#7a8798!important;
    font-size:9px!important;
}

.fpa-notification-toolbar-v51430 form{
    margin:0!important;
}

/* LISTE */
.fpa-notifications-list-v51430{
    display:grid!important;
    gap:9px!important;
}

.fpa-notification-card-v51430{
    display:grid!important;
    grid-template-columns:8px minmax(0,1fr) auto!important;
    align-items:center!important;

    gap:13px!important;

    padding:14px 15px!important;

    border:1px solid #e3e8ef!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
        0 4px 16px rgba(15,23,42,.025)!important;
}

.fpa-notification-card-v51430.unread{
    border-color:#ffd9c8!important;
    background:#fffaf7!important;
}

.fpa-notification-dot-v51430{
    display:block!important;

    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#ccd5df!important;
}

.fpa-notification-card-v51430.unread
.fpa-notification-dot-v51430{
    background:#ef5b24!important;

    box-shadow:
        0 0 0 4px rgba(239,91,36,.08)!important;
}

.fpa-notification-content-v51430{
    min-width:0!important;
}

.fpa-notification-title-row-v51430{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;

    margin-bottom:5px!important;
}

.fpa-notification-title-row-v51430 strong{
    color:#17243a!important;

    font-size:11.5px!important;
    font-weight:950!important;
}

.fpa-notification-new-v51430,
.fpa-notification-read-v51430{
    display:inline-flex!important;
    align-items:center!important;

    min-height:20px!important;

    padding:3px 7px!important;

    border-radius:999px!important;

    font-size:8px!important;
    font-weight:900!important;
}

.fpa-notification-new-v51430{
    background:#eaf2ff!important;
    color:#245ea9!important;
}

.fpa-notification-read-v51430{
    background:#f0f3f6!important;
    color:#7a8798!important;
}

.fpa-notification-content-v51430 p{
    margin:0 0 5px!important;

    color:#4f6076!important;

    font-size:10px!important;
    line-height:1.45!important;
}

.fpa-notification-content-v51430 small{
    color:#8d99a9!important;
    font-size:8.5px!important;
}

.fpa-notification-action-v51430{
    display:flex!important;
    justify-content:flex-end!important;
}

.fpa-notification-action-v51430 .btn{
    min-height:34px!important;

    padding:7px 12px!important;

    border-radius:9px!important;

    white-space:nowrap!important;
}

/* EMPTY NOTIFICATIONS */
.fpa-notification-empty-v51430,
.fpa-dispute-empty-v51430{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:270px!important;

    padding:35px!important;

    border:1px solid #e1e7ef!important;
    border-radius:18px!important;

    background:#fff!important;

    text-align:center!important;
}

.fpa-notification-empty-icon-v51430,
.fpa-dispute-empty-icon-v51430{
    display:grid!important;
    place-items:center!important;

    width:54px!important;
    height:54px!important;

    margin-bottom:13px!important;

    border-radius:16px!important;

    background:#eef4fb!important;
    color:#315d91!important;
}

.fpa-notification-empty-icon-v51430 svg,
.fpa-dispute-empty-icon-v51430 svg,
.fpa-dispute-security-icon-v51430 svg{
    width:25px!important;
    height:25px!important;

    fill:none!important;
    stroke:currentColor!important;

    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.fpa-notification-empty-v51430 h3,
.fpa-dispute-empty-v51430 h3{
    margin:0 0 7px!important;

    color:#17243a!important;

    font-size:17px!important;
    font-weight:950!important;
}

.fpa-notification-empty-v51430 p,
.fpa-dispute-empty-v51430 p{
    max-width:500px!important;

    margin:0!important;

    color:#718096!important;

    font-size:10px!important;
    line-height:1.5!important;
}

/* ------------------------------
   LITIGES
   ------------------------------ */

.fpa-dispute-hero-actions-v51430{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
}

.fpa-dispute-count-v51430{
    display:grid!important;
    grid-template-columns:auto auto!important;
    align-items:center!important;
    gap:2px 9px!important;

    padding:9px 12px!important;

    border:1px solid #e4e9f0!important;
    border-radius:12px!important;

    background:#f8fafc!important;
}

.fpa-dispute-count-v51430 span{
    color:#7b8798!important;
    font-size:8px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
}

.fpa-dispute-count-v51430 strong{
    grid-column:2!important;
    grid-row:1!important;

    color:#e9551f!important;

    font-size:19px!important;
    font-weight:950!important;
}

.fpa-dispute-security-v51430{
    display:flex!important;
    align-items:flex-start!important;

    gap:13px!important;

    padding:14px 16px!important;

    border:1px solid #dbe7f4!important;
    border-radius:14px!important;

    background:#f7fbff!important;
}

.fpa-dispute-security-icon-v51430{
    flex:0 0 38px!important;

    display:grid!important;
    place-items:center!important;

    width:38px!important;
    height:38px!important;

    border-radius:12px!important;

    background:#e8f2ff!important;
    color:#315f96!important;
}

.fpa-dispute-security-v51430 strong{
    display:block!important;

    margin-bottom:4px!important;

    color:#17243a!important;

    font-size:10.5px!important;
}

.fpa-dispute-security-v51430 p{
    margin:0!important;

    color:#68788e!important;

    font-size:9.5px!important;
    line-height:1.5!important;
}

/* OPEN DISPUTE */
.fpa-dispute-open-v51430{
    overflow:hidden!important;

    border:1px solid #dfe6ef!important;
    border-radius:16px!important;

    background:#fff!important;
}

.fpa-dispute-open-v51430 > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:15px!important;

    padding:15px 17px!important;

    cursor:pointer!important;

    list-style:none!important;
}

.fpa-dispute-open-v51430 > summary::-webkit-details-marker{
    display:none!important;
}

.fpa-dispute-open-v51430 > summary > span{
    display:grid!important;
    gap:3px!important;
}

.fpa-dispute-open-v51430 > summary strong{
    color:#17243a!important;

    font-size:12px!important;
    font-weight:950!important;
}

.fpa-dispute-open-v51430 > summary small{
    color:#8491a3!important;

    font-size:9px!important;
}

.fpa-dispute-open-v51430 > summary b{
    display:grid!important;
    place-items:center!important;

    width:30px!important;
    height:30px!important;

    border-radius:9px!important;

    background:#fff0e8!important;
    color:#e9551f!important;

    font-size:18px!important;

    transition:transform .15s ease!important;
}

.fpa-dispute-open-v51430[open] > summary b{
    transform:rotate(45deg)!important;
}

.fpa-dispute-form-v51430{
    display:grid!important;
    gap:13px!important;

    padding:17px!important;

    border-top:1px solid #edf1f5!important;

    background:#fbfcfe!important;
}

.fpa-dispute-form-intro-v51430{
    display:grid!important;
    gap:3px!important;
}

.fpa-dispute-form-intro-v51430 strong{
    color:#17243a!important;
    font-size:11px!important;
}

.fpa-dispute-form-intro-v51430 span{
    color:#8290a2!important;
    font-size:9px!important;
}

.fpa-dispute-form-v51430 label{
    display:grid!important;
    gap:6px!important;

    color:#26364c!important;

    font-size:9.5px!important;
    font-weight:850!important;
}

.fpa-dispute-form-v51430 input,
.fpa-dispute-form-v51430 select,
.fpa-dispute-form-v51430 textarea{
    width:100%!important;
    box-sizing:border-box!important;

    border:1px solid #dce4ed!important;
    border-radius:10px!important;

    background:#fff!important;
}

.fpa-dispute-form-v51430 textarea{
    min-height:115px!important;
    resize:vertical!important;
}

.fpa-dispute-submit-v51430{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:15px!important;

    padding-top:5px!important;
}

.fpa-dispute-submit-v51430 span{
    color:#8491a3!important;
    font-size:9px!important;
}

/* LIST HEADER */
.fpa-dispute-list-head-v51430{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    padding:2px 2px 0!important;
}

.fpa-dispute-list-head-v51430 > div{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

.fpa-dispute-list-head-v51430 strong{
    color:#17243a!important;
    font-size:11px!important;
}

.fpa-dispute-list-head-v51430 span{
    color:#8c98a8!important;
    font-size:9px!important;
}

/* EMPTY DISPUTE */
.fpa-dispute-empty-icon-v51430{
    background:#eef9f4!important;
    color:#238060!important;
}

.fpa-dispute-empty-v51430 .btn{
    margin-top:15px!important;
}

/* EXISTING DISPUTES */
.fpa-dispute-list-v51430{
    display:grid!important;
    gap:10px!important;
}

.fpa-dispute-card-v51430{
    overflow:hidden!important;

    border:1px solid #e1e7ef!important;
    border-radius:14px!important;

    background:#fff!important;
}

.fpa-dispute-card-v51430 > summary{
    padding:13px 15px!important;
}

.fpa-dispute-card-v51430 .dispute-body-v4314{
    padding:15px!important;

    border-top:1px solid #edf1f5!important;

    background:#fbfcfe!important;
}

/* RESPONSIVE */
@media(max-width:850px){

    .fpa-notification-summary-v51430{
        grid-template-columns:1fr!important;
    }

    .fpa-notification-card-v51430{
        grid-template-columns:8px minmax(0,1fr)!important;
    }

    .fpa-notification-action-v51430{
        grid-column:2!important;
        justify-content:flex-start!important;
    }
}

@media(max-width:700px){

    .fpa-notifications-hero-v51430,
    .fpa-disputes-hero-v51430{
        align-items:flex-start!important;
        flex-direction:column!important;

        padding:19px!important;
    }

    .fpa-notifications-hero-v51430 h2,
    .fpa-disputes-hero-v51430 h2{
        font-size:24px!important;
    }

    .fpa-back-exchange-v51430,
    .fpa-dispute-hero-actions-v51430{
        width:100%!important;
    }

    .fpa-dispute-hero-actions-v51430{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .fpa-notification-toolbar-v51430{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .fpa-notification-toolbar-v51430 .btn{
        width:100%!important;
        justify-content:center!important;
    }

    .fpa-dispute-submit-v51430{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .fpa-dispute-submit-v51430 .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* ==========================================================
   FPA V5.1.4.31 — FILTRES NOTIFICATIONS
   ========================================================== */

.fpa-notification-stat-v51430{
    appearance:none!important;
    -webkit-appearance:none!important;

    width:100%!important;

    text-align:left!important;
    cursor:pointer!important;

    font-family:inherit!important;
}

.fpa-notification-stat-v51430:hover{
    border-color:#cfd8e4!important;

    box-shadow:
        0 6px 18px rgba(15,23,42,.05)!important;
}

.fpa-notification-stat-v51430.is-active{
    border-color:#ef5b24!important;

    box-shadow:
        0 0 0 2px rgba(239,91,36,.07)!important;
}

.fpa-notification-stat-v51430.unread.is-active{
    background:#fff5ef!important;
}

.fpa-notification-card-v51430.is-filter-hidden{
    display:none!important;
}

.fpa-notification-filter-empty-v51431{
    display:none!important;

    min-height:180px!important;

    align-items:center!important;
    justify-content:center!important;

    padding:28px!important;

    border:1px dashed #dce4ed!important;
    border-radius:15px!important;

    background:#fff!important;

    color:#7c899a!important;

    font-size:10px!important;
    text-align:center!important;
}

.fpa-notification-filter-empty-v51431.is-visible{
    display:flex!important;
}


/* ==========================================================
   FPA V5.1.4.32 — DOSSIERS CLIENTS FINITION
   Liste Demandes & devis.
   ========================================================== */

.fpa-client-requests-v51266{
    display:grid!important;
    gap:18px!important;
}

/* En-tête */
.fpa-client-requests-v51266
.fpa-page-head-v51266{
    margin-bottom:4px!important;
}

/* Compteur */
.fpa-request-toolbar-v51432{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:18px!important;

    padding:2px 5px 5px!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

.fpa-request-count-v51432{
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;
}

.fpa-request-count-v51432 strong{
    color:#132238!important;

    font-size:24px!important;
    line-height:1!important;
    font-weight:950!important;
}

.fpa-request-count-v51432 span{
    color:#7a889a!important;

    font-size:10px!important;
    font-weight:650!important;
}

.fpa-request-toolbar-v51432
.fpa-toolbar-note-v51266{
    color:#8190a3!important;

    font-size:9.5px!important;
}

/* Liste */
.fpa-request-list-v51432{
    display:grid!important;
    gap:11px!important;
}

/* Carte */
.fpa-request-card-v51432{
    position:relative!important;

    display:grid!important;

    gap:0!important;

    padding:0!important;

    overflow:hidden!important;

    border:1px solid #e0e7ef!important;
    border-left:3px solid #12365d!important;
    border-radius:17px!important;

    background:#fff!important;

    box-shadow:
        0 6px 22px rgba(15,23,42,.035)!important;
}

.fpa-request-card-v51432:hover{
    border-color:#d7e0ea!important;
    border-left-color:#ef5b24!important;

    box-shadow:
        0 9px 28px rgba(15,23,42,.055)!important;
}

/* Haut carte */
.fpa-request-card-v51432
.fpa-request-card-top-v51266{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:start!important;

    gap:15px!important;

    padding:15px 17px 11px!important;
}

.fpa-request-card-v51432
.fpa-ref-v51266{
    display:inline-flex!important;
    align-items:center!important;

    min-height:21px!important;

    margin-bottom:6px!important;

    padding:3px 8px!important;

    border-radius:7px!important;

    background:#f0f4f8!important;

    color:#53677e!important;

    font-size:8px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
}

.fpa-request-card-v51432
.fpa-request-card-top-v51266 h2{
    margin:0 0 3px!important;

    color:#142238!important;

    font-size:16px!important;
    line-height:1.2!important;
    font-weight:950!important;
}

.fpa-request-card-v51432
.fpa-request-card-top-v51266 p{
    margin:0!important;

    color:#7b899c!important;

    font-size:9.5px!important;
    line-height:1.4!important;
}

/* Statut */
.fpa-request-card-v51432
.fpa-status-v51266{
    align-self:start!important;

    min-height:26px!important;

    padding:6px 10px!important;

    border-radius:999px!important;

    white-space:nowrap!important;

    font-size:8.5px!important;
    font-weight:900!important;
}

/* Trajet */
.fpa-request-card-v51432
.fpa-route-v51266{
    display:grid!important;
    grid-template-columns:1fr 34px 1fr!important;
    align-items:center!important;

    gap:7px!important;

    margin:0 15px!important;
    padding:9px 12px!important;

    border:1px solid #edf1f5!important;
    border-radius:11px!important;

    background:#f8fafc!important;
}

.fpa-request-card-v51432
.fpa-route-v51266 > div{
    display:grid!important;
    gap:2px!important;
}

.fpa-request-card-v51432
.fpa-route-v51266 > div:last-child{
    text-align:right!important;
}

.fpa-request-card-v51432
.fpa-route-v51266 span{
    color:#8a98aa!important;

    font-size:7.5px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

.fpa-request-card-v51432
.fpa-route-v51266 strong{
    color:#18263a!important;

    font-size:10.5px!important;
    font-weight:900!important;
}

.fpa-request-card-v51432
.fpa-route-v51266 i{
    display:grid!important;
    place-items:center!important;

    width:29px!important;
    height:29px!important;

    margin:auto!important;

    border:1px solid #e1e7ef!important;
    border-radius:50%!important;

    background:#fff!important;

    color:#60748b!important;

    font-style:normal!important;
    font-size:11px!important;
}

/* Informations principales */
.fpa-request-card-v51432
.fpa-request-info-v51266{
    display:grid!important;
    grid-template-columns:1.15fr 1fr 1fr!important;

    margin:8px 15px 0!important;

    overflow:hidden!important;

    border:1px solid #edf1f5!important;
    border-radius:10px!important;

    background:#fff!important;
}

.fpa-request-card-v51432
.fpa-request-info-v51266 > div{
    display:grid!important;
    gap:3px!important;

    min-width:0!important;

    padding:9px 11px!important;

    border-right:1px solid #edf1f5!important;
}

.fpa-request-card-v51432
.fpa-request-info-v51266 > div:last-child{
    border-right:0!important;
}

.fpa-request-card-v51432
.fpa-request-info-v51266 span{
    color:#8b98a9!important;

    font-size:7.5px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
}

.fpa-request-card-v51432
.fpa-request-info-v51266 strong{
    color:#19283d!important;

    font-size:10px!important;
    line-height:1.3!important;
    font-weight:900!important;
}

/* Le montant du devis reste mis en valeur */
.fpa-request-card-v51432
.fpa-request-info-v51266 > div:first-child strong{
    color:#087d5a!important;

    font-size:11.5px!important;
}

/* Résumé de la demande */
.fpa-request-card-v51432
.fpa-request-summary-v51266{
    margin:9px 17px 0!important;

    color:#66768a!important;

    font-size:9.5px!important;
    line-height:1.45!important;
}

/* Actions */
.fpa-request-card-v51432
.fpa-request-actions-v51266{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;

    padding:11px 15px 14px!important;
}

.fpa-request-card-v51432
.fpa-request-actions-v51266 .btn{
    min-height:34px!important;

    padding:7px 12px!important;

    border-radius:9px!important;

    font-size:9px!important;
    font-weight:900!important;
}

/* Responsive */
@media(max-width:760px){

    .fpa-request-toolbar-v51432{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .fpa-request-card-v51432
    .fpa-request-card-top-v51266{
        grid-template-columns:1fr!important;
    }

    .fpa-request-card-v51432
    .fpa-status-v51266{
        justify-self:start!important;
    }

    .fpa-request-card-v51432
    .fpa-request-info-v51266{
        grid-template-columns:1fr!important;
    }

    .fpa-request-card-v51432
    .fpa-request-info-v51266 > div{
        border-right:0!important;
        border-bottom:1px solid #edf1f5!important;
    }

    .fpa-request-card-v51432
    .fpa-request-info-v51266 > div:last-child{
        border-bottom:0!important;
    }
}


/* ==========================================================
   FPA V5.1.4.33 — DEMANDES CLIENTS TRANSITAIRE
   ========================================================== */

.tr-client-requests-v51433{
    display:grid!important;
    gap:15px!important;
}

/* HERO */
.tr-client-requests-hero-v51433{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:25px!important;

    padding:24px 25px!important;

    border:1px solid #e1e7ef!important;
    border-radius:19px!important;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fbfcfe 100%
        )!important;

    box-shadow:
        0 8px 25px rgba(15,23,42,.035)!important;
}

.tr-client-kicker-v51433{
    display:block!important;

    margin-bottom:7px!important;

    color:#ef5b24!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
}

.tr-client-requests-hero-v51433 h2{
    margin:0 0 6px!important;

    color:#112038!important;

    font-size:29px!important;
    line-height:1.1!important;
    font-weight:950!important;
}

.tr-client-requests-hero-v51433 p{
    max-width:730px!important;

    margin:0!important;

    color:#68788f!important;

    font-size:11px!important;
    line-height:1.5!important;
}

.tr-client-requests-hero-side-v51433{
    display:grid!important;
    place-items:center!important;

    min-width:95px!important;

    padding:12px 15px!important;

    border:1px solid #e1e7ef!important;
    border-radius:14px!important;

    background:#f7f9fc!important;
}

.tr-client-requests-hero-side-v51433 span{
    color:#15243b!important;

    font-size:27px!important;
    line-height:1!important;
    font-weight:950!important;
}

.tr-client-requests-hero-side-v51433 small{
    margin-top:5px!important;

    color:#8492a5!important;

    font-size:8.5px!important;
}

/* METRICS */
.tr-client-request-metrics-v51433{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    gap:10px!important;
}

.tr-client-request-metric-v51433{
    display:grid!important;
    grid-template-columns:1fr auto!important;

    align-items:center!important;

    gap:3px 12px!important;

    padding:13px 15px!important;

    border:1px solid #e1e7ef!important;
    border-radius:13px!important;

    background:#fff!important;
}

.tr-client-request-metric-v51433 > span{
    color:#748298!important;

    font-size:8px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.07em!important;
}

.tr-client-request-metric-v51433 strong{
    grid-column:2!important;
    grid-row:1 / span 2!important;

    color:#14233a!important;

    font-size:22px!important;
    font-weight:950!important;
}

.tr-client-request-metric-v51433 small{
    color:#929dad!important;
    font-size:8px!important;
}

.tr-client-request-metric-v51433.attention{
    border-color:#ffd7c4!important;
    background:#fff9f5!important;
}

.tr-client-request-metric-v51433.attention strong{
    color:#e9551f!important;
}

.tr-client-request-metric-v51433.payment{
    background:#fffaf1!important;
}

.tr-client-request-metric-v51433.payment strong{
    color:#bd7518!important;
}

/* LIST HEADER */
.tr-client-request-list-head-v51433{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    padding:3px 3px 0!important;
}

.tr-client-request-list-head-v51433 > div{
    display:flex!important;
    align-items:baseline!important;
    gap:9px!important;
}

.tr-client-request-list-head-v51433 strong{
    color:#17263d!important;
    font-size:11px!important;
}

.tr-client-request-list-head-v51433 span{
    color:#8491a2!important;
    font-size:8.5px!important;
}

/* LIST */
.tr-client-request-list-v51433{
    display:grid!important;
    gap:10px!important;
}

/* CARD */
.tr-client-request-card-v51433{
    overflow:hidden!important;

    border:1px solid #dfe6ef!important;
    border-left:3px solid #24486e!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
        0 5px 18px rgba(15,23,42,.025)!important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease!important;
}

.tr-client-request-card-v51433:hover{
    border-color:#d3dce7!important;
    border-left-color:#ef5b24!important;

    box-shadow:
        0 8px 24px rgba(15,23,42,.05)!important;
}

.tr-client-request-card-v51433.needs-action{
    border-left-color:#ef5b24!important;
}

/* TOP */
.tr-client-request-card-main-v51433{
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:15px!important;

    padding:13px 15px 11px!important;
}

.tr-client-request-ref-v51433,
.tr-client-request-client-v51433{
    display:grid!important;
    gap:3px!important;
}

.tr-client-request-ref-v51433 span,
.tr-client-request-client-v51433 span{
    color:#8c99aa!important;

    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

.tr-client-request-ref-v51433 strong{
    color:#14243b!important;

    font-size:11px!important;
    font-weight:950!important;
}

.tr-client-request-client-v51433 strong{
    color:#34445a!important;

    font-size:10px!important;
    font-weight:850!important;
}

/* CONTENT */
.tr-client-request-content-v51433{
    display:grid!important;
    grid-template-columns:1.05fr 1.35fr!important;

    gap:0!important;

    margin:0 15px!important;

    overflow:hidden!important;

    border:1px solid #edf1f5!important;
    border-radius:10px!important;

    background:#f8fafc!important;
}

.tr-client-request-route-v51433{
    display:grid!important;
    grid-template-columns:1fr 26px 1fr!important;

    align-items:center!important;

    gap:5px!important;

    padding:9px 11px!important;

    border-right:1px solid #e9eef4!important;
}

.tr-client-request-route-v51433 > div{
    display:grid!important;
    gap:2px!important;
}

.tr-client-request-route-v51433 > div:last-child{
    text-align:right!important;
}

.tr-client-request-route-v51433 span,
.tr-client-request-goods-v51433 > span{
    color:#8997a9!important;

    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
}

.tr-client-request-route-v51433 strong{
    color:#17263c!important;

    font-size:9.5px!important;
    font-weight:900!important;
}

.tr-client-request-route-v51433 i{
    color:#718298!important;

    font-style:normal!important;
    text-align:center!important;
}

.tr-client-request-goods-v51433{
    display:grid!important;
    align-content:center!important;

    gap:3px!important;

    padding:9px 12px!important;
}

.tr-client-request-goods-v51433 strong{
    color:#17263c!important;

    font-size:10px!important;
    font-weight:900!important;
}

.tr-client-request-goods-v51433 small{
    overflow:hidden!important;

    color:#77869a!important;

    font-size:8.5px!important;
    line-height:1.35!important;

    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}

/* FOOTER */
.tr-client-request-footer-v51433{
    display:flex!important;
    align-items:center!important;

    gap:9px!important;

    padding:10px 15px 13px!important;
}

.tr-client-request-date-v51433{
    display:grid!important;
    gap:2px!important;

    margin-right:auto!important;
}

.tr-client-request-date-v51433 span{
    color:#8997a9!important;

    font-size:7px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
}

.tr-client-request-date-v51433 strong{
    color:#516176!important;

    font-size:8.5px!important;
    font-weight:800!important;
}

.tr-client-action-required-v51433{
    display:inline-flex!important;
    align-items:center!important;

    min-height:22px!important;

    padding:4px 8px!important;

    border-radius:999px!important;

    background:#fff0e8!important;
    color:#d84d1c!important;

    font-size:8px!important;
    font-weight:900!important;
}

.tr-client-request-footer-v51433 .btn{
    min-height:34px!important;

    padding:7px 12px!important;

    border-radius:9px!important;

    font-size:9px!important;
    font-weight:900!important;
}

/* EMPTY */
.tr-client-request-empty-v51433{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:270px!important;

    padding:35px!important;

    border:1px solid #e1e7ef!important;
    border-radius:17px!important;

    background:#fff!important;

    text-align:center!important;
}

.tr-client-request-empty-icon-v51433{
    display:grid!important;
    place-items:center!important;

    width:52px!important;
    height:52px!important;

    margin-bottom:12px!important;

    border-radius:15px!important;

    background:#edf4fb!important;
    color:#315f90!important;
}

.tr-client-request-empty-icon-v51433 svg{
    width:24px!important;
    height:24px!important;

    fill:none!important;
    stroke:currentColor!important;

    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.tr-client-request-empty-v51433 h3{
    margin:0 0 6px!important;

    color:#17263d!important;

    font-size:17px!important;
    font-weight:950!important;
}

.tr-client-request-empty-v51433 p{
    max-width:470px!important;

    margin:0 0 15px!important;

    color:#748398!important;

    font-size:10px!important;
    line-height:1.5!important;
}

/* RESPONSIVE */
@media(max-width:900px){

    .tr-client-request-metrics-v51433{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .tr-client-request-card-main-v51433{
        grid-template-columns:1fr auto!important;
    }

    .tr-client-request-client-v51433{
        grid-column:1!important;
    }

    .tr-client-request-status-v51433{
        grid-column:2!important;
        grid-row:1 / span 2!important;
    }

    .tr-client-request-content-v51433{
        grid-template-columns:1fr!important;
    }

    .tr-client-request-route-v51433{
        border-right:0!important;
        border-bottom:1px solid #e9eef4!important;
    }
}

@media(max-width:700px){

    .tr-client-requests-hero-v51433{
        align-items:flex-start!important;
        flex-direction:column!important;

        padding:19px!important;
    }

    .tr-client-requests-hero-v51433 h2{
        font-size:24px!important;
    }

    .tr-client-requests-hero-side-v51433{
        min-width:0!important;
        width:100%!important;
    }

    .tr-client-request-metrics-v51433{
        grid-template-columns:1fr!important;
    }

    .tr-client-request-card-main-v51433{
        grid-template-columns:1fr!important;
    }

    .tr-client-request-status-v51433{
        grid-column:1!important;
        grid-row:auto!important;
        justify-self:start!important;
    }

    .tr-client-request-footer-v51433{
        align-items:flex-start!important;
        flex-wrap:wrap!important;
    }

    .tr-client-request-date-v51433{
        flex-basis:100%!important;
    }
}


/* ==========================================================
   FPA V5.1.4.38 — PAIEMENTS
   ========================================================== */

.payments-page-v51438{
    display:grid!important;
    gap:14px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.payments-hero-v51438{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;

    padding:22px!important;

    border:1px solid #dde5ef!important;
    border-radius:18px!important;

    background:#fff!important;
}

.payments-kicker-v51438{
    display:block!important;

    margin-bottom:5px!important;

    color:#f05a1a!important;

    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
}

.payments-hero-v51438 h2{
    margin:0 0 5px!important;

    color:#172033!important;

    font-size:27px!important;
    line-height:1.08!important;
    font-weight:950!important;
}

.payments-hero-v51438 p{
    margin:0!important;

    color:#66758c!important;

    font-size:12px!important;
    line-height:1.45!important;
}

.payments-security-v51438{
    min-width:260px!important;

    padding:12px 14px!important;

    border:1px solid #bbf7d0!important;
    border-radius:14px!important;

    background:#f0fdf4!important;
}

.payments-security-v51438 strong,
.payments-security-v51438 span{
    display:block!important;
}

.payments-security-v51438 strong{
    color:#166534!important;

    font-size:12px!important;
    font-weight:950!important;
}

.payments-security-v51438 span{
    margin-top:3px!important;

    color:#4b6b58!important;

    font-size:10px!important;
    line-height:1.35!important;
}

.payments-kpis-v51438{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    gap:10px!important;
}

.payments-kpis-v51438 article{
    padding:14px 15px!important;

    border:1px solid #e0e7ef!important;
    border-radius:14px!important;

    background:#fff!important;
}

.payments-kpis-v51438 span{
    display:block!important;

    color:#758399!important;

    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
}

.payments-kpis-v51438 strong{
    display:block!important;

    margin-top:4px!important;

    color:#172033!important;

    font-size:24px!important;
    font-weight:950!important;
}

.payment-group-v51438{
    margin:0!important;
    padding:14px!important;

    border:1px solid #e0e7ef!important;
    border-radius:17px!important;

    background:#fff!important;
}

.payment-group-head-v51438{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:12px!important;

    margin-bottom:10px!important;
}

.payment-group-head-v51438 h3{
    margin:0!important;

    color:#172033!important;

    font-size:14px!important;
    font-weight:950!important;
}

.payment-group-head-v51438 > span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:26px!important;
    height:26px!important;

    border-radius:999px!important;

    background:#eef3f8!important;

    color:#475569!important;

    font-size:11px!important;
    font-weight:950!important;
}

.payment-card-v51438{
    gap:12px!important;

    margin:0 0 10px!important;
    padding:15px!important;

    border:1px solid #e3e9f1!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:none!important;
}

.payment-card-v51438:last-child{
    margin-bottom:0!important;
}

.payment-card-v51438 .pay-client-row-v511111{
    padding-bottom:11px!important;

    border-bottom:1px solid #edf1f6!important;
}

.payment-card-v51438 .pay-client-row-v511111 strong{
    color:#142033!important;

    font-size:15px!important;
    font-weight:950!important;
}

.payment-card-v51438 .pay-client-total-v511111{
    align-items:flex-end!important;
    flex-direction:column!important;
}

.payment-card-v51438 .pay-client-total-v511111 b{
    color:#065f46!important;

    font-size:18px!important;
    font-weight:950!important;
}

.payment-meta-v51438{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;

    gap:8px!important;
}

.payment-meta-v51438 > div{
    padding:10px 12px!important;

    border:1px solid #edf1f6!important;
    border-radius:12px!important;

    background:#f8fafc!important;
}

.payment-meta-v51438 span{
    display:block!important;

    margin-bottom:3px!important;

    color:#8290a3!important;

    font-size:9px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
}

.payment-meta-v51438 strong,
.payment-meta-v51438 a{
    color:#25344b!important;

    font-size:11px!important;
    font-weight:900!important;

    text-decoration:none!important;
}

.payment-actions-v51438{
    margin:0!important;
}

.payment-actions-v51438:empty{
    display:none!important;
}

.payment-card-v51438 .payment-breakdown-v442{
    margin:0!important;

    border-radius:13px!important;

    background:#f8fafc!important;
}

.payment-contact-v51438{
    margin-top:2px!important;

    border:1px solid #ccebd7!important;
    border-radius:14px!important;

    background:#f5fff8!important;

    overflow:hidden!important;
}

.payment-contact-v51438 > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:14px!important;

    padding:13px 14px!important;

    cursor:pointer!important;
    list-style:none!important;
}

.payment-contact-v51438 > summary::-webkit-details-marker{
    display:none!important;
}

.payment-contact-v51438 > summary span,
.payment-contact-v51438 > summary strong,
.payment-contact-v51438 > summary small{
    display:block!important;
}

.payment-contact-v51438 > summary strong{
    color:#14532d!important;

    font-size:12px!important;
    font-weight:950!important;
}

.payment-contact-v51438 > summary small{
    margin-top:2px!important;

    color:#62806d!important;

    font-size:10px!important;
}

.payment-contact-v51438 > summary b{
    color:#15803d!important;

    font-size:10px!important;
    font-weight:950!important;
}

.payment-contact-v51438[open] > summary b{
    font-size:0!important;
}

.payment-contact-v51438[open] > summary b::after{
    content:"Masquer"!important;

    font-size:10px!important;
}

.payment-contact-v51438 .secure-contact-card-v441{
    margin:0!important;
    padding:0 14px 14px!important;

    border:0!important;

    background:transparent!important;
}

.payment-contact-v51438 .secure-contact-card-v441 > h4{
    display:none!important;
}

.payment-contact-v51438 .secure-contact-card-v441 .detail-grid.compact{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;

    gap:8px!important;
}

.payment-contact-v51438 .secure-contact-card-v441 .detail-grid.compact > p{
    margin:0!important;
    padding:10px!important;

    border:1px solid #e0e8e3!important;
    border-radius:11px!important;

    background:#fff!important;

    color:#334155!important;

    font-size:11px!important;
}

.payment-contact-v51438 .secure-contact-card-v441 .detail-grid.compact > p strong{
    color:#667085!important;

    font-size:9px!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}

.payment-contact-v51438 .secure-contact-card-v441 .detail-grid.compact > p:last-child{
    grid-column:1 / -1!important;

    border-color:#86efac!important;

    background:#ecfdf5!important;
}

.payment-contact-v51438 .delivery-code-client-v511114{
    padding:8px 14px!important;

    font-size:18px!important;
    letter-spacing:.25em!important;
}

.payment-contact-v51438 .secure-contact-card-v441 > p:last-child{
    margin:10px 0 0!important;
    padding:10px 12px!important;

    border-radius:11px!important;

    background:#fff!important;

    color:#475569!important;

    font-size:11px!important;
}

.payment-history-v511287{
    margin-top:0!important;

    border-radius:13px!important;

    box-shadow:none!important;
}

.payment-empty-v51438{
    display:grid!important;
    place-items:center!important;

    gap:4px!important;

    padding:30px!important;

    border:1px dashed #cfd8e5!important;
    border-radius:16px!important;

    background:#fff!important;
}

.payment-empty-v51438 strong{
    color:#25344b!important;

    font-size:14px!important;
}

.payment-empty-v51438 span{
    color:#8290a3!important;

    font-size:11px!important;
}

@media(max-width:1000px){

    .payments-kpis-v51438{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .payment-contact-v51438
    .secure-contact-card-v441
    .detail-grid.compact{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:720px){

    .payments-hero-v51438{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .payments-security-v51438{
        min-width:0!important;
    }

    .payments-kpis-v51438,
    .payment-meta-v51438,
    .payment-contact-v51438
    .secure-contact-card-v441
    .detail-grid.compact{
        grid-template-columns:1fr!important;
    }

    .payment-card-v51438 .pay-client-total-v511111{
        align-items:flex-start!important;
    }

    .payment-contact-v51438
    .secure-contact-card-v441
    .detail-grid.compact
    > p:last-child{
        grid-column:auto!important;
    }
}


/* ==========================================================
   FPA V5.1.4.39 — DIFFERENCIATION DOSSIERS PAIEMENTS
   ========================================================== */

.payment-group-v51438{
    padding:16px!important;
}

.payment-card-v51438{
    position:relative!important;

    margin:0 0 18px!important;
    padding:16px 16px 16px 19px!important;

    border:1px solid #dce4ee!important;
    border-radius:16px!important;

    background:#fff!important;

    box-shadow:
        0 5px 14px rgba(15,23,42,.045)!important;

    overflow:hidden!important;
}

.payment-card-v51438:last-child{
    margin-bottom:0!important;
}

/* Repère vertical pour identifier immédiatement une nouvelle carte */
.payment-card-v51438::before{
    content:""!important;

    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:0!important;

    width:4px!important;

    background:#64748b!important;
}

.payment-type-transitaire-v51439::before{
    background:#f97316!important;
}

.payment-type-sponsoring-v51439::before{
    background:#7c3aed!important;
}

.payment-type-parcel-v51439::before{
    background:#2563eb!important;
}

.payment-type-reservation-v51439::before{
    background:#0f766e!important;
}

.payment-type-freight-v51439::before{
    background:#0369a1!important;
}

.payment-ref-line-v51439{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;

    gap:8px!important;
}

.payment-ref-line-v51439 > strong{
    font-size:16px!important;
    font-weight:950!important;
    color:#111827!important;
}

.payment-type-badge-v51439{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:4px 8px!important;

    border:1px solid #dce4ee!important;
    border-radius:999px!important;

    background:#f1f5f9!important;

    color:#475569!important;

    font-size:9px!important;
    font-weight:950!important;
    line-height:1!important;

    text-transform:uppercase!important;
    letter-spacing:.045em!important;
}

.payment-type-transitaire-v51439 .payment-type-badge-v51439{
    border-color:#fed7aa!important;
    background:#fff7ed!important;
    color:#c2410c!important;
}

.payment-type-sponsoring-v51439 .payment-type-badge-v51439{
    border-color:#ddd6fe!important;
    background:#f5f3ff!important;
    color:#6d28d9!important;
}

.payment-type-parcel-v51439 .payment-type-badge-v51439{
    border-color:#bfdbfe!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
}

.payment-type-reservation-v51439 .payment-type-badge-v51439{
    border-color:#99f6e4!important;
    background:#f0fdfa!important;
    color:#0f766e!important;
}

.payment-type-freight-v51439 .payment-type-badge-v51439{
    border-color:#bae6fd!important;
    background:#f0f9ff!important;
    color:#0369a1!important;
}

/* ligne séparatrice davantage visible */
.payment-card-v51438 .pay-client-row-v511111{
    padding-bottom:13px!important;
    margin-bottom:1px!important;

    border-bottom:1px solid #e5eaf1!important;
}

/* séparation claire entre dossiers successifs */
.payment-card-v51438 + .payment-card-v51438{
    margin-top:4px!important;
}

@media(max-width:720px){

    .payment-card-v51438{
        margin-bottom:15px!important;
        padding:14px 13px 14px 17px!important;
    }

    .payment-ref-line-v51439{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:5px!important;
    }
}


/* ==========================================================
   FPA V5.1.4.41 — RESERVATIONS & COLIS
   ========================================================== */

.reservations-page-v51441{
    display:grid!important;
    gap:14px!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* HERO */

.reservations-hero-v51441{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:24px!important;

    padding:22px!important;

    border:1px solid #dde5ef!important;
    border-radius:18px!important;

    background:#fff!important;
}

.reservations-kicker-v51441{
    display:block!important;

    margin-bottom:5px!important;

    color:#f05a1a!important;

    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
}

.reservations-hero-v51441 h2{
    margin:0 0 5px!important;

    color:#172033!important;

    font-size:27px!important;
    line-height:1.08!important;
    font-weight:950!important;
}

.reservations-hero-v51441 p{
    margin:0!important;

    color:#66758c!important;

    font-size:12px!important;
    line-height:1.45!important;
}

.reservations-hero-help-v51441{
    min-width:285px!important;

    padding:12px 14px!important;

    border:1px solid #dbeafe!important;
    border-radius:14px!important;

    background:#f5f9ff!important;
}

.reservations-hero-help-v51441 strong,
.reservations-hero-help-v51441 span{
    display:block!important;
}

.reservations-hero-help-v51441 strong{
    color:#1e40af!important;

    font-size:12px!important;
    font-weight:950!important;
}

.reservations-hero-help-v51441 span{
    margin-top:3px!important;

    color:#64748b!important;

    font-size:10px!important;
    line-height:1.35!important;
}

/* ONGLETS */

.reservations-tabs-v51441{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;

    gap:8px!important;

    padding:8px!important;

    border:1px solid #e1e7ef!important;
    border-radius:16px!important;

    background:#fff!important;
}

.reservation-tab-v51441{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:8px!important;

    min-width:0!important;
    padding:10px 11px!important;

    border:1px solid transparent!important;
    border-radius:11px!important;

    background:#f7f9fc!important;

    color:#475569!important;

    text-decoration:none!important;

    font-size:10px!important;
    font-weight:900!important;

    transition:.16s ease!important;
}

.reservation-tab-v51441:hover{
    border-color:#d9e2ee!important;
    background:#fff!important;
}

.reservation-tab-v51441.is-active{
    border-color:#fed7aa!important;

    background:#fff7ed!important;

    color:#c2410c!important;
}

.reservation-tab-v51441 b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:22px!important;
    height:22px!important;

    padding:0 6px!important;

    border-radius:999px!important;

    background:#e9eef5!important;

    color:#475569!important;

    font-size:10px!important;
}

.reservation-tab-v51441.is-active b{
    background:#f97316!important;
    color:#fff!important;
}

/* SECTION */

.reservation-section-v51441{
    margin:0!important;
    padding:15px!important;

    border:1px solid #e0e7ef!important;
    border-radius:17px!important;

    background:#fff!important;
}

.reservation-section-head-v51441{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:16px!important;

    margin-bottom:12px!important;
    padding-bottom:12px!important;

    border-bottom:1px solid #edf1f6!important;
}

.reservation-section-kicker-v51441{
    display:block!important;

    margin-bottom:4px!important;

    color:#f97316!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
}

.reservation-section-head-v51441 h3{
    margin:0!important;

    color:#172033!important;

    font-size:15px!important;
    font-weight:950!important;
}

.reservation-section-head-v51441 p{
    margin:4px 0 0!important;

    color:#718096!important;

    font-size:10px!important;
    line-height:1.4!important;
}

.reservation-section-head-v51441 > b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:28px!important;
    height:28px!important;

    border-radius:999px!important;

    background:#eef3f8!important;
    color:#475569!important;

    font-size:11px!important;
    font-weight:950!important;
}

/* neutralise les anciens points V6 */
.reservations-page-v51441
.reservations-received-v6 > h3::before,
.reservations-page-v51441
.reservations-sent-v6 > h3::before{
    display:none!important;
}

/* CARTES */

.reservations-page-v51441 .quote-card{
    position:relative!important;

    margin:0 0 12px!important;

    border:1px solid #dce4ee!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
        0 4px 12px rgba(15,23,42,.035)!important;

    overflow:hidden!important;
}

.reservations-page-v51441 .quote-card:last-child{
    margin-bottom:0!important;
}

.reservations-page-v51441 .quote-card::before{
    content:""!important;

    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:0!important;

    width:4px!important;

    background:#64748b!important;
}

.reservations-page-v51441
.offer-action-card-v6::before{
    background:#7c3aed!important;
}

.reservations-page-v51441
.reservation-action-card-v51159::before{
    background:#2563eb!important;
}

.reservations-page-v51441
.quote-card.quote-compact::before{
    background:#f97316!important;
}

.reservations-page-v51441 .quote-card > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:16px!important;

    padding:14px 15px 14px 18px!important;

    cursor:pointer!important;
    list-style:none!important;

    background:#fff!important;
}

.reservations-page-v51441
.quote-card > summary::-webkit-details-marker{
    display:none!important;
}

.reservations-page-v51441
.quote-card[open] > summary{
    border-bottom:1px solid #e8edf3!important;
    background:#fbfcfe!important;
}

/* RESERVATION / PROPOSITION SUMMARY */

.reservation-summary-main-v51441{
    display:grid!important;

    gap:9px!important;

    min-width:0!important;
    flex:1!important;
}

.reservation-summary-ref-v51441{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;

    gap:8px!important;
}

.reservation-summary-ref-v51441 strong{
    color:#111827!important;

    font-size:14px!important;
    font-weight:950!important;
}

.reservation-summary-ref-v51441 > span{
    display:inline-flex!important;
    align-items:center!important;

    padding:3px 7px!important;

    border:1px solid #dbe5f0!important;
    border-radius:999px!important;

    background:#f1f5f9!important;

    color:#64748b!important;

    font-size:8px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
}

.offer-action-card-v6
.reservation-summary-ref-v51441 > span{
    border-color:#ddd6fe!important;
    background:#f5f3ff!important;
    color:#6d28d9!important;
}

.reservation-action-card-v51159
.reservation-summary-ref-v51441 > span{
    border-color:#bfdbfe!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
}

.reservation-summary-facts-v51441{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;

    gap:7px!important;
}

.reservation-summary-facts-v51441 > span{
    min-width:110px!important;

    padding:7px 9px!important;

    border:1px solid #edf1f6!important;
    border-radius:9px!important;

    background:#f8fafc!important;
}

.reservation-summary-facts-v51441 small,
.reservation-summary-facts-v51441 b{
    display:block!important;
}

.reservation-summary-facts-v51441 small{
    margin-bottom:2px!important;

    color:#8a97aa!important;

    font-size:7px!important;
    font-weight:950!important;
    letter-spacing:.05em!important;
}

.reservation-summary-facts-v51441 b{
    overflow:hidden!important;
    text-overflow:ellipsis!important;

    color:#334155!important;

    font-size:9px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

.reservations-page-v51441
.quote-summary-right{
    display:flex!important;
    align-items:flex-end!important;
    flex-direction:column!important;

    gap:7px!important;

    flex:0 0 auto!important;
}

.reservations-page-v51441 .quote-open{
    color:#2563eb!important;

    font-size:9px!important;
    font-weight:900!important;
}

/* DETAIL OUVERT */

.reservations-page-v51441 .quote-body,
.reservations-page-v51441 .quote-detail-body{
    padding:14px 16px 16px 18px!important;

    background:#fff!important;
}

.reservations-page-v51441
.reservation-side-label-v6{
    margin:0 0 12px!important;

    padding:10px 12px!important;

    border:1px solid #e2e8f0!important;
    border-radius:11px!important;

    background:#f8fafc!important;
}

.reservations-page-v51441
.reservation-side-label-v6 strong{
    color:#25344b!important;

    font-size:11px!important;
}

.reservations-page-v51441
.reservation-side-label-v6 span{
    color:#64748b!important;

    font-size:10px!important;
}

.reservations-page-v51441
.detail-grid.compact,
.reservations-page-v51441
.quote-grid.compact{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    gap:8px!important;
}

.reservations-page-v51441
.detail-grid.compact > p,
.reservations-page-v51441
.quote-grid.compact > p{
    margin:0!important;
    padding:10px!important;

    border:1px solid #edf1f6!important;
    border-radius:10px!important;

    background:#f8fafc!important;

    color:#334155!important;

    font-size:10px!important;
}

.reservations-page-v51441
.detail-grid.compact > p strong,
.reservations-page-v51441
.quote-grid.compact > p strong{
    color:#718096!important;

    font-size:8px!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
}

/* DEVIS FRET */

.freight-section-v51441
.quote-card.quote-compact{
    margin-top:10px!important;
}

.reservations-page-v51441
.quote-card.quote-compact
.quote-main strong{
    color:#111827!important;

    font-size:14px!important;
    font-weight:950!important;
}

.reservations-page-v51441
.quote-card.quote-compact
.quote-main small{
    margin-top:3px!important;

    color:#64748b!important;

    font-size:9px!important;
}

.reservations-page-v51441
.quote-card.quote-compact
.quote-amount-top-v511132 strong{
    color:#065f46!important;

    font-size:14px!important;
    font-weight:950!important;
}

/* EMPTY */

.reservations-page-v51441
.reservation-section-v51441 > p.muted:last-child{
    margin:8px 0 0!important;
    padding:22px!important;

    border:1px dashed #cbd5e1!important;
    border-radius:12px!important;

    background:#f8fafc!important;

    text-align:center!important;

    color:#718096!important;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .reservations-tabs-v51441{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .reservations-page-v51441
    .detail-grid.compact,
    .reservations-page-v51441
    .quote-grid.compact{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:720px){

    .reservations-hero-v51441{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .reservations-hero-help-v51441{
        min-width:0!important;
    }

    .reservations-tabs-v51441{
        grid-template-columns:1fr 1fr!important;
    }

    .reservations-page-v51441
    .quote-card > summary{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .reservations-page-v51441
    .quote-summary-right{
        align-items:flex-start!important;
    }

    .reservation-summary-facts-v51441{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
    }

    .reservation-summary-facts-v51441 > span{
        min-width:0!important;
    }

    .reservations-page-v51441
    .detail-grid.compact,
    .reservations-page-v51441
    .quote-grid.compact{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:460px){

    .reservations-tabs-v51441{
        grid-template-columns:1fr!important;
    }

    .reservation-summary-facts-v51441{
        grid-template-columns:1fr!important;
    }
}


/* ==========================================================
   FPA V5.1.4.43 — LIVRAISONS
   ========================================================== */

.deliveries-page-v51443{
    display:grid!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

.deliveries-hero-v51443{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    padding:22px!important;
    border:1px solid #dde5ef!important;
    border-radius:18px!important;
    background:#fff!important;
}

.deliveries-kicker-v51443{
    display:block!important;
    margin-bottom:5px!important;
    color:#f05a1a!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
}

.deliveries-hero-v51443 h2{
    margin:0 0 5px!important;
    color:#172033!important;
    font-size:27px!important;
    line-height:1.08!important;
    font-weight:950!important;
}

.deliveries-hero-v51443 p{
    margin:0!important;
    color:#66758c!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.deliveries-help-v51443{
    min-width:280px!important;
    padding:12px 14px!important;
    border:1px solid #bbf7d0!important;
    border-radius:14px!important;
    background:#f0fdf4!important;
}

.deliveries-help-v51443 strong,
.deliveries-help-v51443 span{
    display:block!important;
}

.deliveries-help-v51443 strong{
    color:#166534!important;
    font-size:12px!important;
    font-weight:950!important;
}

.deliveries-help-v51443 span{
    margin-top:3px!important;
    color:#4b6b58!important;
    font-size:10px!important;
    line-height:1.35!important;
}

/* KPI */

.deliveries-kpis-v51443{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
}

.deliveries-kpis-v51443 article{
    padding:14px 15px!important;
    border:1px solid #e0e7ef!important;
    border-radius:14px!important;
    background:#fff!important;
}

.deliveries-kpis-v51443 span{
    display:block!important;
    color:#758399!important;
    font-size:9px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
}

.deliveries-kpis-v51443 strong{
    display:block!important;
    margin-top:4px!important;
    color:#172033!important;
    font-size:24px!important;
    font-weight:950!important;
}

/* GROUPES */

.delivery-group-v51443{
    padding:15px!important;
    border:1px solid #e0e7ef!important;
    border-radius:17px!important;
    background:#fff!important;
}

.delivery-group-head-v51443{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-bottom:12px!important;
    padding-bottom:12px!important;
    border-bottom:1px solid #edf1f6!important;
}

.delivery-group-head-v51443 h3{
    margin:0!important;
    color:#172033!important;
    font-size:15px!important;
    font-weight:950!important;
}

.delivery-group-head-v51443 p{
    margin:4px 0 0!important;
    color:#718096!important;
    font-size:10px!important;
}

.delivery-group-head-v51443 > span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:28px!important;
    height:28px!important;
    border-radius:999px!important;
    background:#eef3f8!important;
    color:#475569!important;
    font-size:11px!important;
    font-weight:950!important;
}

/* CARTE */

.delivery-card-v51443{
    position:relative!important;
    display:grid!important;
    gap:12px!important;
    margin:0 0 14px!important;
    padding:16px 16px 16px 20px!important;
    border:1px solid #dce4ee!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(15,23,42,.045)!important;
    overflow:hidden!important;
}

.delivery-card-v51443:last-child{
    margin-bottom:0!important;
}

.delivery-card-v51443::before{
    content:""!important;
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:4px!important;
    background:#0f766e!important;
}

.delivery-card-head-v51443{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding-bottom:11px!important;
    border-bottom:1px solid #edf1f6!important;
}

.delivery-card-head-v51443 > div:first-child{
    display:grid!important;
    gap:3px!important;
}

.delivery-card-kicker-v51443{
    color:#0f766e!important;
    font-size:8px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.07em!important;
}

.delivery-card-head-v51443 strong{
    color:#111827!important;
    font-size:16px!important;
    font-weight:950!important;
}

.delivery-card-head-v51443 small{
    color:#64748b!important;
    font-size:10px!important;
    font-weight:800!important;
}

.delivery-card-status-v51443{
    flex:0 0 auto!important;
}

/* FINANCES */

.delivery-card-finance-v51443
.payment-breakdown-v442{
    margin:0!important;
    padding:0!important;
    border:1px solid #e8edf3!important;
    border-radius:13px!important;
    background:#f8fafc!important;
    overflow:hidden!important;
}

.delivery-card-v51443
.payment-breakdown-v442{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.delivery-card-v51443
.payment-breakdown-v442 p{
    padding:11px 12px!important;
}

.delivery-counterparty-v51443{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:9px 11px!important;
    border:1px solid #edf1f6!important;
    border-radius:11px!important;
    background:#f8fafc!important;
}

.delivery-counterparty-v51443 span{
    color:#8290a3!important;
    font-size:8px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}

.delivery-counterparty-v51443 strong,
.delivery-counterparty-v51443 a{
    color:#25344b!important;
    font-size:11px!important;
    font-weight:900!important;
    text-decoration:none!important;
}

/* CODE */

.delivery-code-highlight-v51443{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:12px 14px!important;
    border:1px solid #86efac!important;
    border-radius:13px!important;
    background:#ecfdf5!important;
}

.delivery-code-highlight-v51443 span,
.delivery-code-highlight-v51443 strong{
    display:block!important;
}

.delivery-code-highlight-v51443 span{
    margin-bottom:3px!important;
    color:#15803d!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
}

.delivery-code-highlight-v51443 strong{
    color:#065f46!important;
    font-size:23px!important;
    font-weight:1000!important;
    letter-spacing:.22em!important;
}

.delivery-code-highlight-v51443 p{
    max-width:440px!important;
    margin:0!important;
    color:#4b6b58!important;
    font-size:10px!important;
    line-height:1.4!important;
}

/* CONTACT REPLIABLE */

.delivery-contact-v51443{
    border:1px solid #dbe5e0!important;
    border-radius:13px!important;
    background:#f8fcf9!important;
    overflow:hidden!important;
}

.delivery-contact-v51443 > summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:12px 14px!important;
    cursor:pointer!important;
    list-style:none!important;
}

.delivery-contact-v51443 > summary::-webkit-details-marker{
    display:none!important;
}

.delivery-contact-v51443 > summary span,
.delivery-contact-v51443 > summary strong,
.delivery-contact-v51443 > summary small{
    display:block!important;
}

.delivery-contact-v51443 > summary strong{
    color:#14532d!important;
    font-size:11px!important;
    font-weight:950!important;
}

.delivery-contact-v51443 > summary small{
    margin-top:2px!important;
    color:#62806d!important;
    font-size:9px!important;
}

.delivery-contact-v51443 > summary b{
    color:#15803d!important;
    font-size:9px!important;
    font-weight:950!important;
}

.delivery-contact-v51443[open] > summary b{
    font-size:0!important;
}

.delivery-contact-v51443[open] > summary b::after{
    content:"Masquer"!important;
    font-size:9px!important;
}

.delivery-contact-v51443
.secure-contact-card-v441{
    margin:0!important;
    padding:0 14px 14px!important;
    border:0!important;
    background:transparent!important;
}

.delivery-contact-v51443
.secure-contact-card-v441 > h4{
    display:none!important;
}

.delivery-contact-v51443
.secure-contact-card-v441
.detail-grid.compact{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
}

.delivery-contact-v51443
.secure-contact-card-v441
.detail-grid.compact > p{
    margin:0!important;
    padding:10px!important;
    border:1px solid #e0e8e3!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#334155!important;
    font-size:10px!important;
}

/* Code déjà affiché dans le bandeau principal */
.delivery-contact-v51443
.secure-contact-card-v441
.detail-grid.compact > p:nth-child(7){
    display:none!important;
}

.delivery-contact-v51443
.secure-contact-card-v441 > p:last-child{
    margin:9px 0 0!important;
    padding:10px!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#475569!important;
    font-size:10px!important;
}

/* CONFIRMATION TRANSPORTEUR */

.delivery-confirmation-v51443{
    padding-top:2px!important;
}

.delivery-confirmation-v51443
.quote-action{
    margin:0!important;
    border:1px solid #dbeafe!important;
    border-radius:13px!important;
    background:#f8fbff!important;
}

.delivery-confirmation-v51443
.quote-action > summary{
    padding:12px 14px!important;
    cursor:pointer!important;
    color:#1e40af!important;
    font-size:11px!important;
    font-weight:950!important;
}

.delivery-success-v51443{
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #bbf7d0!important;
    border-radius:11px!important;
    background:#f0fdf4!important;
}

/* EMPTY */

.delivery-empty-v51443{
    display:grid!important;
    place-items:center!important;
    gap:4px!important;
    padding:30px!important;
    border:1px dashed #cfd8e5!important;
    border-radius:16px!important;
    background:#fff!important;
}

.delivery-empty-v51443 strong{
    color:#25344b!important;
    font-size:14px!important;
}

.delivery-empty-v51443 span{
    color:#8290a3!important;
    font-size:11px!important;
}

/* RESPONSIVE */

@media(max-width:1000px){

    .deliveries-kpis-v51443{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .delivery-contact-v51443
    .secure-contact-card-v441
    .detail-grid.compact{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:720px){

    .deliveries-hero-v51443{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .deliveries-help-v51443{
        min-width:0!important;
    }

    .deliveries-kpis-v51443{
        grid-template-columns:1fr 1fr!important;
    }

    .delivery-card-head-v51443,
    .delivery-code-highlight-v51443,
    .delivery-counterparty-v51443{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .delivery-card-v51443
    .payment-breakdown-v442{
        grid-template-columns:1fr!important;
    }

    .delivery-contact-v51443
    .secure-contact-card-v441
    .detail-grid.compact{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:460px){

    .deliveries-kpis-v51443{
        grid-template-columns:1fr!important;
    }
}


/* FPA V5.1.4.44 — KPI LIVRAISONS CLIQUABLES */

.deliveries-kpis-v51444 .delivery-kpi-link-v51444{
    display:block!important;
    padding:14px 15px!important;
    border:1px solid #e0e7ef!important;
    border-radius:14px!important;
    background:#fff!important;
    text-decoration:none!important;
    transition:.16s ease!important;
}

.deliveries-kpis-v51444 .delivery-kpi-link-v51444:hover{
    border-color:#bfd0e3!important;
    transform:translateY(-1px)!important;
}

.deliveries-kpis-v51444 .delivery-kpi-link-v51444.is-active{
    border-color:#93c5fd!important;
    background:#eff6ff!important;
    box-shadow:0 0 0 1px rgba(37,99,235,.06)!important;
}

.deliveries-kpis-v51444 .delivery-kpi-link-v51444 span{
    display:block!important;
    color:#758399!important;
    font-size:9px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
}

.deliveries-kpis-v51444 .delivery-kpi-link-v51444 strong{
    display:block!important;
    margin-top:4px!important;
    color:#172033!important;
    font-size:24px!important;
    font-weight:950!important;
}

.deliveries-kpis-v51444 .delivery-kpi-link-v51444.is-active span{
    color:#2563eb!important;
}


/* ==========================================================
   FPA V5.1.4.45 — PROFIL + PARAMETRES
   ========================================================== */

/* ----------------------------------------------------------
   PROFIL — FINITION
   ---------------------------------------------------------- */

.profile-clean-v51127{
    max-width:none!important;
}

.profile-clean-v51127 .profile-hero-v51127{
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(15,23,42,.08)!important;
}

.profile-clean-v51127 .profile-info-grid-v51127 article{
    border-radius:16px!important;
    box-shadow:none!important;
}

.profile-clean-v51127
.profile-edit-panel-v51127{
    border-radius:17px!important;
}

.profile-clean-v51127
.profile-edit-panel-v51127 details{
    border-radius:13px!important;
}

.profile-clean-v51127
.profile-edit-panel-v51127 summary{
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
}


/* ----------------------------------------------------------
   PARAMETRES
   ---------------------------------------------------------- */

.settings-page-v51445{
    display:grid!important;
    gap:14px!important;

    margin:0!important;
    padding:0!important;
}


/* HERO */

.settings-hero-v51445{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:24px!important;

    padding:22px!important;

    border:1px solid #dde5ef!important;
    border-radius:18px!important;

    background:#fff!important;
}

.settings-kicker-v51445{
    display:block!important;

    margin-bottom:5px!important;

    color:#f05a1a!important;

    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.13em!important;
}

.settings-hero-v51445 h2{
    margin:0 0 5px!important;

    color:#172033!important;

    font-size:27px!important;
    line-height:1.08!important;
    font-weight:950!important;
}

.settings-hero-v51445 p{
    margin:0!important;

    color:#66758c!important;

    font-size:12px!important;
    line-height:1.45!important;
}

.settings-hero-side-v51445{
    min-width:285px!important;

    padding:12px 14px!important;

    border:1px solid #dbeafe!important;
    border-radius:14px!important;

    background:#f5f9ff!important;
}

.settings-hero-side-v51445 strong,
.settings-hero-side-v51445 span{
    display:block!important;
}

.settings-hero-side-v51445 strong{
    color:#1e40af!important;

    font-size:12px!important;
    font-weight:950!important;
}

.settings-hero-side-v51445 span{
    margin-top:3px!important;

    color:#64748b!important;

    font-size:10px!important;
    line-height:1.35!important;
}


/* NAVIGATION */

.settings-nav-v51445{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:7px!important;

    padding:8px!important;

    border:1px solid #e1e7ef!important;
    border-radius:14px!important;

    background:#fff!important;
}

.settings-nav-v51445 a{
    padding:8px 11px!important;

    border-radius:9px!important;

    background:#f6f8fb!important;

    color:#475569!important;

    text-decoration:none!important;

    font-size:10px!important;
    font-weight:900!important;
}

.settings-nav-v51445 a:hover{
    background:#eff6ff!important;
    color:#1d4ed8!important;
}


/* LAYOUT */

.settings-layout-v51445{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;

    gap:14px!important;

    align-items:start!important;
}


/* CARTES */

.settings-card-v51445{
    overflow:hidden!important;

    border:1px solid #e0e7ef!important;
    border-radius:17px!important;

    background:#fff!important;
}

.settings-card-head-v51445{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:14px!important;

    padding:16px!important;

    border-bottom:1px solid #edf1f6!important;

    background:#fbfcfe!important;
}

.settings-card-head-v51445 > div > span{
    display:block!important;

    margin-bottom:4px!important;

    color:#f97316!important;

    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
}

.settings-card-head-v51445 h3{
    margin:0!important;

    color:#172033!important;

    font-size:16px!important;
    font-weight:950!important;
}

.settings-card-head-v51445 p{
    margin:4px 0 0!important;

    max-width:500px!important;

    color:#718096!important;

    font-size:10px!important;
    line-height:1.4!important;
}

.settings-card-head-v51445 > b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-width:29px!important;
    height:29px!important;

    border-radius:10px!important;

    background:#eef3f8!important;

    color:#64748b!important;

    font-size:9px!important;
    font-weight:950!important;
}


/* FORMULAIRES */

.settings-form-v51445{
    display:grid!important;

    gap:12px!important;

    padding:16px!important;
}

.settings-two-v51445{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;

    gap:10px!important;
}

.settings-form-v51445 label{
    display:grid!important;

    gap:6px!important;

    color:#344054!important;

    font-size:10px!important;
    font-weight:900!important;
}

.settings-form-v51445 label > span{
    color:#475569!important;

    font-size:9px!important;
    font-weight:900!important;
}

.settings-form-v51445 input,
.settings-form-v51445 select{
    width:100%!important;
    min-height:43px!important;

    padding:10px 12px!important;

    border:1px solid #dce4ee!important;
    border-radius:11px!important;

    background:#fff!important;

    color:#172033!important;

    font-size:11px!important;
    font-weight:800!important;

    box-shadow:none!important;
}

.settings-form-v51445 input:focus,
.settings-form-v51445 select:focus{
    outline:none!important;

    border-color:#93c5fd!important;

    box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;
}

.settings-submit-v51445{
    min-height:43px!important;
    justify-content:center!important;
}


/* OPTIONS NOTIFICATIONS */

.settings-notification-options-v51445{
    display:grid!important;

    gap:8px!important;
}

.settings-toggle-v51445{
    display:flex!important;
    align-items:flex-start!important;

    gap:10px!important;

    padding:10px 11px!important;

    border:1px solid #e5eaf1!important;
    border-radius:11px!important;

    background:#f8fafc!important;

    cursor:pointer!important;
}

.settings-toggle-v51445 input{
    width:16px!important;
    height:16px!important;
    min-height:0!important;

    margin-top:2px!important;
}

.settings-toggle-v51445 > span{
    display:block!important;
}

.settings-toggle-v51445 strong,
.settings-toggle-v51445 small{
    display:block!important;
}

.settings-toggle-v51445 strong{
    color:#25344b!important;

    font-size:10px!important;
    font-weight:950!important;
}

.settings-toggle-v51445 small{
    margin-top:2px!important;

    color:#718096!important;

    font-size:9px!important;
    line-height:1.35!important;
}


/* APPAREIL */

.settings-device-v51445{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:14px!important;

    margin:0 16px 16px!important;
    padding:12px!important;

    border:1px solid #dbeafe!important;
    border-radius:12px!important;

    background:#f8fbff!important;
}

.settings-device-v51445 span{
    display:block!important;

    color:#2563eb!important;

    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
}

.settings-device-v51445 strong{
    display:block!important;

    margin-top:2px!important;

    color:#1e3a5f!important;

    font-size:11px!important;
    font-weight:950!important;
}

.settings-device-v51445 p{
    margin:3px 0 0!important;

    color:#718096!important;

    font-size:9px!important;
}

.settings-device-v51445 .btn{
    flex:0 0 auto!important;

    min-height:38px!important;

    font-size:9px!important;
}


/* ZONE SENSIBLE */

.settings-danger-v51445{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:20px!important;

    padding:17px!important;

    border:1px solid #fecaca!important;
    border-radius:17px!important;

    background:#fff7f7!important;
}

.settings-danger-main-v51445{
    max-width:760px!important;
}

.settings-danger-main-v51445 > span{
    display:block!important;

    margin-bottom:4px!important;

    color:#dc2626!important;

    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.08em!important;
}

.settings-danger-v51445 h3{
    margin:0!important;

    color:#7f1d1d!important;

    font-size:15px!important;
    font-weight:950!important;
}

.settings-danger-v51445 p{
    margin:5px 0 0!important;

    color:#7f4242!important;

    font-size:10px!important;
    line-height:1.45!important;
}

.settings-danger-v51445 .btn{
    white-space:nowrap!important;
}


/* RESPONSIVE */

@media(max-width:950px){

    .settings-layout-v51445{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:720px){

    .settings-hero-v51445{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .settings-hero-side-v51445{
        min-width:0!important;
    }

    .settings-two-v51445{
        grid-template-columns:1fr!important;
    }

    .settings-device-v51445,
    .settings-danger-v51445{
        align-items:stretch!important;
        flex-direction:column!important;
    }

    .settings-device-v51445 .btn,
    .settings-danger-v51445 .btn{
        width:100%!important;
    }
}


/* ==========================================================
   FPA V5.1.4.46 — COMPTE EN ATTENTE DE VERIFICATION
   ========================================================== */

.verification-gate-v51446{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:18px!important;

    width:min(1050px,100%)!important;
    margin:46px auto 0!important;
    padding:24px!important;

    border:1px solid #fed7aa!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #fffaf5 0%,
            #ffffff 60%,
            #fff7ed 100%
        )!important;

    box-shadow:
        0 16px 44px rgba(15,23,42,.06)!important;
}

.verification-gate-icon-v51446{
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
}

.verification-gate-icon-v51446 span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:48px!important;
    height:48px!important;

    border:1px solid #fed7aa!important;
    border-radius:15px!important;

    background:#fff7ed!important;
    color:#ea580c!important;

    font-size:21px!important;
    font-weight:950!important;
}

.verification-gate-main-v51446{
    min-width:0!important;
}

.verification-gate-kicker-v51446{
    display:block!important;
    margin-bottom:5px!important;

    color:#f05a1a!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
}

.verification-gate-v51446 h2{
    margin:0 0 7px!important;

    color:#172033!important;

    font-size:22px!important;
    font-weight:950!important;
}

.verification-gate-v51446 p{
    max-width:800px!important;
    margin:0!important;

    color:#66758c!important;

    font-size:12px!important;
    line-height:1.55!important;
}

.verification-gate-v51446 p strong{
    color:#344054!important;
}

.verification-gate-state-v51446{
    display:inline-grid!important;
    gap:2px!important;

    margin-top:14px!important;
    padding:9px 12px!important;

    border:1px solid #bbf7d0!important;
    border-radius:11px!important;

    background:#f0fdf4!important;
}

.verification-gate-state-v51446 strong{
    color:#166534!important;

    font-size:10px!important;
    font-weight:950!important;
}

.verification-gate-state-v51446 span{
    color:#4b6b58!important;

    font-size:9px!important;
}

.verification-gate-state-v51446.warning{
    border-color:#fed7aa!important;
    background:#fff7ed!important;
}

.verification-gate-state-v51446.warning strong{
    color:#c2410c!important;
}

.verification-gate-state-v51446.warning span{
    color:#9a5b33!important;
}

.verification-actions-v51446{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;

    margin-top:16px!important;
}

.verification-actions-v51446 .btn{
    min-height:42px!important;
}

.verification-gate-note-v51446{
    display:block!important;

    margin-top:14px!important;
    padding-top:12px!important;

    border-top:1px solid #f1e7dc!important;

    color:#8290a3!important;

    font-size:9px!important;
    font-weight:750!important;
}

@media(max-width:720px){

    .verification-gate-v51446{
        grid-template-columns:1fr!important;
        margin-top:24px!important;
        padding:18px!important;
    }

    .verification-gate-icon-v51446{
        justify-content:flex-start!important;
    }

    .verification-actions-v51446{
        display:grid!important;
    }

    .verification-actions-v51446 .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* ==========================================================
   FPA V5.1.4.47 — CONTROLE PIECE IDENTITE ADMIN
   ========================================================== */

.admin-id-review-v51447{
    margin:16px 0!important;
    padding:16px!important;

    border:1px solid #dfe6ef!important;
    border-radius:16px!important;

    background:#fbfcfe!important;
}

.admin-id-review-head-v51447{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:18px!important;

    margin-bottom:14px!important;
}

.admin-id-kicker-v51447{
    display:block!important;

    margin-bottom:4px!important;

    color:#f05a1a!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.1em!important;
}

.admin-id-review-v51447 h4{
    margin:0!important;

    color:#172033!important;

    font-size:17px!important;
    font-weight:950!important;
}

.admin-id-review-v51447 p{
    margin:4px 0 0!important;

    color:#66758c!important;

    font-size:10px!important;
}

.admin-id-status-v51447{
    flex:0 0 auto!important;

    padding:7px 11px!important;

    border-radius:999px!important;

    font-size:9px!important;
    font-weight:950!important;
}

.admin-id-status-v51447.pending{
    color:#9a5600!important;
    border:1px solid #fed7aa!important;
    background:#fff7ed!important;
}

.admin-id-status-v51447.approved{
    color:#166534!important;
    border:1px solid #bbf7d0!important;
    background:#f0fdf4!important;
}

.admin-id-status-v51447.rejected{
    color:#b42318!important;
    border:1px solid #fecaca!important;
    background:#fff1f0!important;
}

.admin-id-document-v51447{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;

    gap:12px!important;

    align-items:start!important;
}

.admin-id-viewer-v51447{
    min-width:0!important;
}

.admin-id-preview-v51447{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    overflow:hidden!important;

    min-height:260px!important;
    max-height:520px!important;

    border:1px solid #d8e0ea!important;
    border-radius:14px!important;

    background:#edf2f7!important;
}

.admin-id-preview-v51447 img{
    display:block!important;

    max-width:100%!important;
    max-height:520px!important;

    object-fit:contain!important;
}

.admin-id-pdf-v51447{
    display:block!important;

    width:100%!important;
    height:480px!important;

    border:1px solid #d8e0ea!important;
    border-radius:14px!important;

    background:#fff!important;
}

.admin-id-side-v51447{
    display:grid!important;

    gap:8px!important;
}

.admin-id-decisions-v51447{
    display:grid!important;
    grid-template-columns:auto minmax(300px,1fr)!important;

    gap:10px!important;

    margin-top:14px!important;
    padding-top:14px!important;

    border-top:1px solid #e7ebf0!important;
}

.admin-id-decisions-v51447 form{
    margin:0!important;
}

.admin-id-reject-v51447{
    display:flex!important;

    gap:8px!important;
}

.admin-id-reject-v51447 input{
    flex:1!important;

    min-width:0!important;
}

.admin-id-empty-v51447,
.admin-id-file-v51447,
.admin-id-reason-v51447{
    display:grid!important;

    gap:3px!important;

    padding:12px!important;

    border:1px solid #e4e9f0!important;
    border-radius:12px!important;

    background:#fff!important;
}

.admin-id-reason-v51447{
    margin-top:12px!important;

    border-color:#fecaca!important;

    background:#fff7f7!important;
}

.admin-id-reason-v51447 strong{
    color:#b42318!important;
}

.admin-id-reason-v51447 span{
    color:#7f4242!important;
}

@media(max-width:850px){

    .admin-id-document-v51447,
    .admin-id-decisions-v51447{
        grid-template-columns:1fr!important;
    }

    .admin-id-reject-v51447{
        flex-direction:column!important;
    }
}


/* =========================================================
   FPA_V51449_ADMIN_REDESIGN
   Administration / sidebar / comptes utilisateurs
   UI uniquement — aucune permission / route métier.
   ========================================================= */


/* =========================================================
   SIDEBAR ADMIN
   ========================================================= */

.admin-body .sidebar.admin{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;

    padding:14px 12px 18px!important;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(34,197,94,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #071b31 0%,
            #081d34 48%,
            #061626 100%
        )!important;

    border-right:1px solid rgba(148,163,184,.13)!important;

    box-shadow:
        14px 0 38px rgba(15,23,42,.08)!important;
}


/* logo */

.admin-body
.sidebar.admin
.admin-sidebar-logo-link-v51120{
    width:100%!important;
    min-height:70px!important;

    margin:0 0 10px!important;
    padding:10px 12px!important;

    border-radius:16px!important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.09),
            rgba(255,255,255,.025)
        )!important;

    border:1px solid rgba(255,255,255,.10)!important;

    box-shadow:none!important;
}

.admin-body
.sidebar.admin
.admin-sidebar-logo-link-v51120 img{
    max-width:190px!important;
    max-height:52px!important;
}


/* identité connectée */

.admin-sidebar-identity-v51449{
    position:relative!important;

    display:grid!important;
    gap:2px!important;

    margin:0 0 12px!important;
    padding:12px 13px 12px 34px!important;

    min-height:66px!important;

    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:14px!important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        )!important;

    overflow:hidden!important;
}

.admin-sidebar-identity-v51449::before{
    content:""!important;

    position:absolute!important;
    top:17px!important;
    left:14px!important;

    width:9px!important;
    height:9px!important;

    border-radius:999px!important;

    background:#22c55e!important;

    box-shadow:
        0 0 0 4px rgba(34,197,94,.13),
        0 0 12px rgba(34,197,94,.42)!important;
}

.admin-sidebar-identity-v51449
.connected-label-v51126{
    display:block!important;

    margin:0!important;

    font-size:9px!important;
    line-height:1.1!important;

    color:#86efac!important;

    font-weight:950!important;

    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}

.admin-sidebar-identity-v51449
.connected-label-v51126::before{
    display:none!important;
    content:none!important;
}

.admin-sidebar-identity-v51449 strong{
    display:block!important;

    min-width:0!important;

    color:#fff!important;

    font-size:13px!important;
    line-height:1.2!important;

    font-weight:950!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

.admin-sidebar-identity-v51449 small{
    display:block!important;

    min-width:0!important;

    color:#94a3b8!important;

    font-size:10px!important;
    line-height:1.25!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}


/* familles de navigation */

.admin-body
.sidebar.admin
.admin-nav-family-v51449{
    margin:5px 0!important;
    padding:0!important;

    border:0!important;
    border-radius:12px!important;

    background:transparent!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > summary{
    position:relative!important;

    min-height:36px!important;

    display:flex!important;
    align-items:center!important;

    padding:8px 32px 8px 10px!important;

    border-radius:10px!important;

    color:#8394aa!important;

    font-size:9px!important;
    line-height:1.1!important;

    font-weight:950!important;

    letter-spacing:.10em!important;
    text-transform:uppercase!important;

    cursor:pointer!important;

    list-style:none!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > summary::-webkit-details-marker{
    display:none!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > summary::after{
    content:"+"!important;

    position:absolute!important;
    right:11px!important;
    top:50%!important;

    transform:translateY(-50%)!important;

    width:18px!important;
    height:18px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:6px!important;

    color:#64748b!important;

    background:rgba(255,255,255,.05)!important;

    font-size:13px!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449[open] > summary::after{
    content:"−"!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449[open] > summary{
    color:#cbd5e1!important;

    background:rgba(255,255,255,.035)!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > a{
    position:relative!important;

    display:flex!important;
    align-items:center!important;

    min-height:36px!important;

    margin:2px 0!important;
    padding:8px 12px 8px 29px!important;

    border-radius:10px!important;

    color:#cbd5e1!important;

    text-decoration:none!important;

    font-size:11px!important;
    line-height:1.2!important;

    font-weight:780!important;

    border:1px solid transparent!important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > a::before{
    content:""!important;

    position:absolute!important;

    left:12px!important;
    top:50%!important;

    transform:translateY(-50%)!important;

    width:5px!important;
    height:5px!important;

    border-radius:999px!important;

    background:#475569!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > a:hover{
    color:#fff!important;

    background:rgba(255,255,255,.055)!important;

    border-color:rgba(255,255,255,.06)!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > a.active{
    color:#fff!important;

    font-weight:900!important;

    background:
        linear-gradient(
            90deg,
            rgba(239,90,26,.22),
            rgba(239,90,26,.07)
        )!important;

    border-color:rgba(239,90,26,.20)!important;

    box-shadow:
        inset 3px 0 0 #ef5a1a!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449 > a.active::before{
    background:#fb923c!important;

    box-shadow:
        0 0 0 3px rgba(251,146,60,.12)!important;
}

.admin-body
.sidebar.admin
.admin-nav-family-v51449
.external-link-v51143{
    color:#93c5fd!important;
}


/* déconnexion */

.admin-body
.sidebar.admin
.link-btn.logout{
    width:100%!important;

    margin-top:12px!important;
    padding:10px 12px!important;

    border:1px solid rgba(248,113,113,.13)!important;
    border-radius:11px!important;

    color:#fca5a5!important;

    background:rgba(127,29,29,.07)!important;

    font-size:11px!important;
    font-weight:850!important;
}


/* =========================================================
   PAGE COMPTES
   ========================================================= */

.admin-account-kpis-v51449{
    display:grid!important;

    grid-template-columns:
        repeat(4,minmax(0,1fr))!important;

    gap:10px!important;

    margin:4px 0 12px!important;
}

.admin-account-kpis-v51449 .card{
    position:relative!important;

    min-height:88px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    padding:15px 16px!important;

    border:1px solid #e7ebf1!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
        0 7px 22px rgba(15,23,42,.035)!important;

    overflow:hidden!important;
}

.admin-account-kpis-v51449 .card::before{
    content:""!important;

    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;

    width:3px!important;

    background:#e5e7eb!important;
}

.admin-account-kpis-v51449 .card:nth-child(2)::before{
    background:#f59e0b!important;
}

.admin-account-kpis-v51449 .card:nth-child(3)::before{
    background:#10b981!important;
}

.admin-account-kpis-v51449 .card:nth-child(4)::before{
    background:#0284c7!important;
}

.admin-account-kpis-v51449 .card span{
    margin-bottom:6px!important;

    color:#667085!important;

    font-size:10px!important;
    font-weight:900!important;

    letter-spacing:.05em!important;
    text-transform:uppercase!important;
}

.admin-account-kpis-v51449 .card strong{
    color:#101828!important;

    font-size:29px!important;
    line-height:1!important;

    font-weight:950!important;
}


/* panneau */

.admin-accounts-panel-v51449{
    padding:0 0 18px!important;

    border:1px solid #e4e9f0!important;
    border-radius:20px!important;

    background:#f8fafc!important;

    overflow:hidden!important;

    box-shadow:
        0 12px 36px rgba(15,23,42,.05)!important;
}


/* hero */

.admin-accounts-hero-v51449{
    display:grid!important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(220px,300px)!important;

    gap:20px!important;

    padding:22px 24px!important;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(239,90,26,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #fff 0%,
            #f8fafc 100%
        )!important;

    border-bottom:1px solid #e6eaf0!important;
}

.admin-eyebrow-v51449{
    display:inline-block!important;

    margin-bottom:7px!important;

    color:#e85d21!important;

    font-size:9px!important;
    font-weight:950!important;

    letter-spacing:.12em!important;
}

.admin-accounts-hero-v51449 h2{
    margin:0 0 7px!important;

    color:#101828!important;

    font-size:26px!important;
    line-height:1.08!important;

    font-weight:950!important;

    letter-spacing:-.035em!important;
}

.admin-accounts-hero-v51449 p{
    max-width:740px!important;

    margin:0!important;

    color:#667085!important;

    font-size:12px!important;
    line-height:1.5!important;
}

.admin-accounts-hero-side-v51449{
    align-self:stretch!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    padding:14px 16px!important;

    border:1px solid #dce4ed!important;
    border-radius:14px!important;

    background:rgba(255,255,255,.85)!important;
}

.admin-accounts-hero-side-v51449 span{
    color:#667085!important;

    font-size:9px!important;
    font-weight:900!important;

    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}

.admin-accounts-hero-side-v51449 strong{
    margin:4px 0!important;

    color:#137a50!important;

    font-size:13px!important;
}

.admin-accounts-hero-side-v51449 small{
    color:#98a2b3!important;

    font-size:9px!important;
    line-height:1.35!important;
}


/* barre avant filtres */

.admin-accounts-section-head-v51449{
    display:flex!important;

    justify-content:space-between!important;
    align-items:center!important;

    gap:16px!important;

    margin:0 18px!important;
    padding:16px 0 10px!important;
}

.admin-accounts-section-head-v51449 > div:first-child{
    display:grid!important;
    gap:2px!important;
}

.admin-accounts-section-head-v51449 strong{
    color:#344054!important;

    font-size:13px!important;
}

.admin-accounts-section-head-v51449 span{
    color:#98a2b3!important;

    font-size:9px!important;
}

.admin-help-compact-v51449{
    display:grid!important;
    gap:1px!important;

    padding:8px 11px!important;

    border:1px solid #e4e7ec!important;
    border-radius:10px!important;

    background:#fff!important;
}

.admin-help-compact-v51449 b{
    color:#475467!important;

    font-size:9px!important;
}

.admin-help-compact-v51449 span{
    font-size:8px!important;
}


/* filtres */

.admin-accounts-panel-v51449
.admin-filters-v51449{
    display:grid!important;

    grid-template-columns:
        minmax(260px,1.5fr)
        minmax(155px,.65fr)
        minmax(175px,.7fr)
        auto
        auto!important;

    gap:8px!important;

    margin:0 18px 9px!important;
    padding:12px!important;

    border:1px solid #e5e9ef!important;
    border-radius:14px!important;

    background:#fff!important;
}

.admin-accounts-panel-v51449
.admin-filters-v51449 label{
    margin:0!important;

    color:#667085!important;

    font-size:9px!important;
    font-weight:900!important;
}

.admin-accounts-panel-v51449
.admin-filters-v51449 input,
.admin-accounts-panel-v51449
.admin-filters-v51449 select{
    min-height:36px!important;

    margin-top:5px!important;
    padding:7px 9px!important;

    border:1px solid #dfe4ea!important;
    border-radius:9px!important;

    background:#fff!important;

    font-size:11px!important;
}

.admin-accounts-panel-v51449
.admin-filters-v51449 .btn{
    min-height:36px!important;

    padding:7px 12px!important;

    border-radius:9px!important;

    font-size:10px!important;
}

.admin-accounts-panel-v51449
.admin-result-line{
    margin:8px 18px 12px!important;

    color:#667085!important;

    font-size:10px!important;
}


/* liste */

.admin-user-list-v51449{
    display:grid!important;

    gap:10px!important;

    margin:0 18px!important;
}


/* carte utilisateur */

.admin-user-card-v51449{
    padding:0!important;

    border:1px solid #e4e8ee!important;
    border-radius:16px!important;

    background:#fff!important;

    box-shadow:
        0 7px 22px rgba(15,23,42,.035)!important;

    overflow:hidden!important;
}

.admin-user-card-v51449.focused{
    outline:3px solid rgba(239,90,26,.18)!important;
    outline-offset:0!important;

    border-color:#fdba8c!important;
}


/* entête utilisateur */

.admin-user-head-v51449{
    display:grid!important;

    grid-template-columns:
        76px
        minmax(0,1fr)
        auto!important;

    gap:13px!important;

    align-items:center!important;

    padding:14px!important;

    background:
        linear-gradient(
            180deg,
            #fff,
            #fbfcfe
        )!important;

    border-bottom:1px solid #edf0f4!important;
}

.admin-user-head-v51449 h3{
    margin:0 0 3px!important;

    color:#101828!important;

    font-size:16px!important;
    line-height:1.15!important;

    font-weight:950!important;
}

.admin-user-head-v51449 p{
    margin:2px 0!important;

    color:#667085!important;

    font-size:10px!important;
    line-height:1.35!important;
}

.admin-user-head-v51449 p strong{
    color:#344054!important;
}


/* vraie photo profil */

.admin-avatar-wrap-v51449{
    display:grid!important;

    justify-items:center!important;

    gap:4px!important;

    width:70px!important;
}

.admin-avatar-v51449{
    width:58px!important;
    height:58px!important;

    border-radius:14px!important;

    object-fit:cover!important;
    object-position:center!important;

    background:#eef2f6!important;

    border:2px solid #fff!important;

    box-shadow:
        0 0 0 1px #dce2e9,
        0 5px 14px rgba(15,23,42,.10)!important;
}

.admin-avatar-v51449.placeholder{
    display:grid!important;
    place-items:center!important;

    color:#344054!important;

    font-size:18px!important;
    font-weight:950!important;
}

.admin-avatar-label-v51449{
    max-width:70px!important;

    color:#98a2b3!important;

    font-size:7px!important;
    font-weight:900!important;

    text-transform:uppercase!important;
    letter-spacing:.06em!important;

    text-align:center!important;
}


/* actions haut */

.admin-user-card-v51449
.admin-user-actions-top-v511141{
    display:flex!important;

    align-items:center!important;
    justify-content:flex-end!important;

    gap:6px!important;

    flex-wrap:wrap!important;
}

.admin-user-card-v51449
.admin-user-actions-top-v511141 .btn{
    min-height:30px!important;

    padding:6px 9px!important;

    border-radius:8px!important;

    font-size:9px!important;
}


/* pastilles validation */

.admin-user-card-v51449
.admin-status-row-v51449{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:6px!important;

    margin:0!important;
    padding:10px 14px!important;

    border-bottom:1px solid #edf0f4!important;

    background:#fff!important;
}

.admin-user-card-v51449
.verify-pill{
    padding:5px 8px!important;

    border-radius:999px!important;

    font-size:8px!important;
    font-weight:900!important;
}


/* informations */

.admin-account-info-grid-v51449{
    display:grid!important;

    grid-template-columns:
        1fr
        1.35fr
        1fr
        1fr!important;

    gap:7px!important;

    margin:0!important;
    padding:11px 14px!important;

    border-bottom:1px solid #edf0f4!important;
}

.admin-account-info-grid-v51449 > div{
    min-width:0!important;

    padding:9px 10px!important;

    border:1px solid #edf0f4!important;
    border-radius:10px!important;

    background:#fafbfc!important;
}

.admin-account-info-grid-v51449 span{
    margin-bottom:4px!important;

    color:#98a2b3!important;

    font-size:7px!important;
    font-weight:950!important;

    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}

.admin-account-info-grid-v51449 strong{
    display:block!important;

    color:#344054!important;

    font-size:10px!important;
    line-height:1.3!important;

    overflow-wrap:anywhere!important;
}

.admin-account-info-grid-v51449 small{
    display:block!important;

    margin-top:3px!important;

    color:#667085!important;

    font-size:8px!important;
    line-height:1.3!important;

    overflow-wrap:anywhere!important;
}


/* notifications rattachement agent */

.admin-user-card-v51449 > .notice{
    margin:9px 14px!important;
    padding:9px 11px!important;

    border-radius:10px!important;

    font-size:9px!important;
}


/* compte pro */

.admin-pro-account-state-v51449{
    display:grid!important;

    grid-template-columns:
        1.15fr
        repeat(4,minmax(0,1fr))!important;

    gap:7px!important;

    margin:9px 14px!important;
    padding:10px!important;

    border:1px solid #fee3d2!important;
    border-radius:12px!important;

    background:#fffaf7!important;
}

.admin-pro-account-state-v51449 > strong{
    align-self:center!important;

    color:#c45124!important;

    font-size:10px!important;
}

.admin-pro-account-state-v51449 > div{
    padding:8px!important;

    border:1px solid #f4e7de!important;
    border-radius:9px!important;

    background:#fff!important;
}

.admin-pro-account-state-v51449 span{
    font-size:7px!important;
}

.admin-pro-account-state-v51449 b{
    font-size:9px!important;
}


/* =========================================================
   CONTROLE ADMIN
   ========================================================= */

.admin-user-details-v51449{
    margin:0!important;
    padding:0!important;

    border-top:1px solid #e8ecf1!important;

    background:#fcfcfd!important;
}

.admin-user-details-v51449 > summary{
    position:relative!important;

    padding:12px 38px 12px 14px!important;

    color:#344054!important;

    font-size:10px!important;
    font-weight:950!important;

    cursor:pointer!important;

    list-style:none!important;
}

.admin-user-details-v51449 > summary::-webkit-details-marker{
    display:none!important;
}

.admin-user-details-v51449 > summary::after{
    content:"+"!important;

    position:absolute!important;
    right:14px!important;
    top:50%!important;

    transform:translateY(-50%)!important;

    width:21px!important;
    height:21px!important;

    display:grid!important;
    place-items:center!important;

    border:1px solid #e1e6ec!important;
    border-radius:7px!important;

    background:#fff!important;

    color:#667085!important;

    font-size:13px!important;
}

.admin-user-details-v51449[open] > summary::after{
    content:"−"!important;
}

.admin-user-details-v51449[open] > summary{
    border-bottom:1px solid #eaecf0!important;

    background:#fff!important;
}


/* actions admin */

.admin-user-details-v51449
.admin-actions-grid{
    display:flex!important;

    gap:7px!important;

    flex-wrap:wrap!important;

    margin:0!important;
    padding:12px 14px!important;

    background:#fff!important;

    border-bottom:1px solid #edf0f4!important;
}

.admin-user-details-v51449
.admin-actions-grid .btn,
.admin-user-details-v51449
.admin-actions-grid select{
    min-height:32px!important;

    border-radius:8px!important;

    font-size:9px!important;
}


/* =========================================================
   V5.1.4.47 — DOCUMENT IDENTITE
   On restyle, mais on ne modifie PAS son fonctionnement.
   ========================================================= */

.admin-user-details-v51449
.admin-id-review-v51447{
    margin:12px 14px!important;

    border:1px solid #e2e8f0!important;
    border-radius:14px!important;

    background:#fff!important;

    overflow:hidden!important;

    box-shadow:none!important;
}

.admin-user-details-v51449
.admin-id-review-head-v51447{
    padding:12px 14px!important;

    background:#f8fafc!important;

    border-bottom:1px solid #e8edf2!important;
}

.admin-user-details-v51449
.admin-id-kicker-v51447{
    font-size:7px!important;
}

.admin-user-details-v51449
.admin-id-review-head-v51447 h4{
    margin:3px 0!important;

    font-size:13px!important;
}

.admin-user-details-v51449
.admin-id-review-head-v51447 p{
    font-size:9px!important;
}

.admin-user-details-v51449
.admin-id-preview-v51447 img{
    max-height:430px!important;

    object-fit:contain!important;
}


/* fichiers distincts */

.admin-doc-line-v51449{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:8px 14px!important;

    margin:10px 14px!important;
    padding:10px 12px!important;

    border:1px solid #e5e9ef!important;
    border-radius:10px!important;

    background:#fff!important;

    color:#667085!important;

    font-size:9px!important;
}

.admin-doc-line-v51449 strong{
    width:100%!important;

    color:#344054!important;

    font-size:9px!important;
}

.admin-doc-line-v51449 span{
    display:inline-flex!important;

    gap:4px!important;

    align-items:center!important;
}

.admin-doc-line-v51449 a{
    color:#175cd3!important;

    font-weight:850!important;
}


/* lien validation */

.admin-user-details-v51449
.admin-copy-line{
    margin:10px 14px!important;
    padding:10px!important;

    border:1px solid #e5e9ef!important;
    border-radius:10px!important;

    background:#f8fafc!important;
}

.admin-user-details-v51449
.admin-copy-line label{
    font-size:9px!important;
}

.admin-user-details-v51449
.admin-copy-line input{
    min-height:32px!important;

    margin-top:5px!important;

    font-size:9px!important;
}


/* note interne */

.admin-user-details-v51449
.admin-note-inline{
    margin:10px 14px!important;
    padding:10px!important;

    border:1px solid #e5e9ef!important;
    border-radius:11px!important;

    background:#fff!important;
}

.admin-user-details-v51449
.admin-note-inline textarea{
    min-height:70px!important;

    font-size:10px!important;
}


/* danger */

.admin-danger-zone-v51449{
    margin:10px 14px 14px!important;
    padding:10px!important;

    border:1px solid #fecdd3!important;
    border-radius:11px!important;

    background:#fff7f8!important;
}

.admin-danger-zone-v51449 small{
    display:block!important;

    margin-top:5px!important;

    color:#9f1239!important;

    font-size:8px!important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1180px){

    .admin-account-kpis-v51449{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .admin-account-info-grid-v51449{
        grid-template-columns:
            1fr 1fr!important;
    }

    .admin-pro-account-state-v51449{
        grid-template-columns:
            repeat(3,minmax(0,1fr))!important;
    }

    .admin-accounts-panel-v51449
    .admin-filters-v51449{
        grid-template-columns:
            1fr 1fr!important;
    }

    .admin-accounts-panel-v51449
    .admin-filters-v51449 label:first-of-type{
        grid-column:1/-1!important;
    }
}


@media(max-width:900px){

    .admin-body .sidebar.admin{
        width:250px!important;
        min-width:250px!important;
        max-width:250px!important;
    }

    .admin-accounts-hero-v51449{
        grid-template-columns:1fr!important;
    }

    .admin-pro-account-state-v51449{
        grid-template-columns:
            1fr 1fr!important;
    }
}


@media(max-width:700px){

    .admin-account-kpis-v51449{
        grid-template-columns:
            1fr 1fr!important;
    }

    .admin-accounts-hero-v51449{
        padding:17px!important;
    }

    .admin-accounts-hero-v51449 h2{
        font-size:22px!important;
    }

    .admin-accounts-section-head-v51449{
        display:block!important;
    }

    .admin-help-compact-v51449{
        margin-top:9px!important;
    }

    .admin-accounts-panel-v51449
    .admin-filters-v51449{
        grid-template-columns:1fr!important;
    }

    .admin-accounts-panel-v51449
    .admin-filters-v51449 label:first-of-type{
        grid-column:auto!important;
    }

    .admin-user-head-v51449{
        grid-template-columns:
            66px
            minmax(0,1fr)!important;
    }

    .admin-user-card-v51449
    .admin-user-actions-top-v511141{
        grid-column:1/-1!important;

        justify-content:flex-start!important;
    }

    .admin-account-info-grid-v51449{
        grid-template-columns:1fr!important;
    }

    .admin-pro-account-state-v51449{
        grid-template-columns:1fr!important;
    }
}


@media(max-width:480px){

    .admin-account-kpis-v51449{
        grid-template-columns:1fr!important;
    }

    .admin-user-list-v51449{
        margin-left:10px!important;
        margin-right:10px!important;
    }

    .admin-accounts-panel-v51449
    .admin-filters-v51449{
        margin-left:10px!important;
        margin-right:10px!important;
    }

    .admin-accounts-panel-v51449
    .admin-result-line{
        margin-left:10px!important;
        margin-right:10px!important;
    }

    .admin-accounts-section-head-v51449{
        margin-left:10px!important;
        margin-right:10px!important;
    }
}


/* =========================================================
   FPA_V51451_ADMIN_DASHBOARD_REDESIGN
   Dashboard Administration + harmonisation sidebar
   UI uniquement.
   ========================================================= */


/* =========================================================
   SIDEBAR — STABILISATION GLOBALE
   ========================================================= */

.admin-body .sidebar.admin{
    display:flex!important;
    flex-direction:column!important;

    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;
}

.admin-body .sidebar.admin nav{
    display:flex!important;
    flex-direction:column!important;

    width:100%!important;

    min-height:0!important;

    overflow:visible!important;
}

.admin-body .sidebar.admin
.admin-nav-family-v51449{
    display:block!important;

    visibility:visible!important;
    opacity:1!important;

    width:100%!important;

    height:auto!important;
    min-height:0!important;

    overflow:visible!important;
}

.admin-body .sidebar.admin
.admin-nav-family-v51449 > summary{
    display:flex!important;

    visibility:visible!important;
    opacity:1!important;
}

.admin-body .sidebar.admin
.admin-nav-family-v51449[open] > a{
    display:flex!important;

    visibility:visible!important;
    opacity:1!important;
}

.admin-body .sidebar.admin
.admin-nav-family-v51449:not([open]) > a{
    display:none!important;
}

.admin-body .sidebar.admin
.admin-nav-family-v51449 > a.active{
    display:flex!important;
}

/*
 * Empêche les anciens correctifs admin de cacher
 * les familles de navigation.
 */
.admin-body .sidebar.admin details.nav-family-v5,
.admin-body .sidebar.admin details.nav-family-accordion-v51143{
    visibility:visible!important;
    opacity:1!important;
}

.admin-body .sidebar.admin form{
    width:100%!important;
}


/* =========================================================
   CONTENU ADMIN GLOBAL
   ========================================================= */

.admin-body .content{
    min-width:0!important;

    background:
        linear-gradient(
            180deg,
            #f6f8fb 0%,
            #f8fafc 100%
        )!important;
}

.admin-body .content > .topbar{
    min-height:62px!important;

    padding:10px 16px!important;

    border-bottom:1px solid #e7ebf0!important;

    background:rgba(248,250,252,.92)!important;

    backdrop-filter:blur(12px)!important;
}

.admin-body .content > .topbar h1{
    color:#101828!important;

    font-size:26px!important;
    line-height:1!important;

    font-weight:950!important;

    letter-spacing:-.035em!important;
}


/* =========================================================
   DASHBOARD V51451
   ========================================================= */

.admin-dashboard-v51451{
    display:grid!important;

    gap:13px!important;

    padding:0 0 22px!important;
}


/* hero */

.admin-dashboard-hero-v51451{
    display:grid!important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(220px,300px)!important;

    gap:20px!important;

    margin:0!important;
    padding:22px 24px!important;

    border:1px solid #e3e8ef!important;
    border-radius:20px!important;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(239,90,26,.12),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #ffffff,
            #f8fafc
        )!important;

    box-shadow:
        0 12px 34px rgba(15,23,42,.045)!important;
}

.admin-dashboard-kicker-v51451{
    display:inline-block!important;

    margin-bottom:7px!important;

    color:#ef5a1a!important;

    font-size:9px!important;
    font-weight:950!important;

    letter-spacing:.12em!important;
}

.admin-dashboard-hero-v51451 h2{
    margin:0 0 7px!important;

    color:#101828!important;

    font-size:26px!important;
    line-height:1.08!important;

    font-weight:950!important;

    letter-spacing:-.035em!important;
}

.admin-dashboard-hero-v51451 p{
    max-width:760px!important;

    margin:0!important;

    color:#667085!important;

    font-size:12px!important;
    line-height:1.5!important;
}

.admin-dashboard-state-v51451{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    padding:14px 16px!important;

    border:1px solid #dfe5ec!important;
    border-radius:14px!important;

    background:rgba(255,255,255,.90)!important;
}

.admin-dashboard-state-v51451 span{
    color:#667085!important;

    font-size:8px!important;
    font-weight:950!important;

    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

.admin-dashboard-state-v51451 strong{
    margin:4px 0!important;

    color:#137a50!important;

    font-size:13px!important;
}

.admin-dashboard-state-v51451 small{
    color:#98a2b3!important;

    font-size:9px!important;
}


/* =========================================================
   PANELS DASHBOARD EXISTANTS
   ========================================================= */

.admin-dashboard-v51451 > section,
.admin-dashboard-v51451 > .panel{
    border:1px solid #e3e8ef!important;
    border-radius:18px!important;

    background:#fff!important;

    box-shadow:
        0 8px 28px rgba(15,23,42,.035)!important;
}

.admin-dashboard-v51451 .panel{
    border:1px solid #e3e8ef!important;
    border-radius:18px!important;

    background:#fff!important;

    box-shadow:
        0 8px 28px rgba(15,23,42,.035)!important;
}

.admin-dashboard-v51451 .panel h2,
.admin-dashboard-v51451 .panel h3{
    color:#101828!important;

    font-weight:950!important;

    letter-spacing:-.025em!important;
}

.admin-dashboard-v51451 .panel p,
.admin-dashboard-v51451 .muted{
    color:#667085!important;
}


/* =========================================================
   VERSET DU JOUR
   ========================================================= */

.admin-dashboard-v51451
.panel:first-of-type{
    padding:18px!important;
}

.admin-dashboard-v51451
.panel:first-of-type h2{
    margin:0 0 8px!important;

    font-size:18px!important;
}

.admin-dashboard-v51451
.panel:first-of-type blockquote,
.admin-dashboard-v51451
.panel:first-of-type .notice,
.admin-dashboard-v51451
.panel:first-of-type > p:first-of-type{
    border-left:3px solid #ef5a1a!important;

    border-radius:10px!important;

    background:#fff7ed!important;
}


/* =========================================================
   STATS CONNECTES
   ========================================================= */

.admin-dashboard-v51451
.live-stats-v51128,
.admin-dashboard-v51451
.admin-live-stats-v51128,
.admin-dashboard-v51451
.admin-connected-stats-v51128{
    border-radius:18px!important;

    background:
        linear-gradient(
            135deg,
            #081729,
            #0d1b31
        )!important;

    box-shadow:
        0 12px 30px rgba(15,23,42,.12)!important;
}


/*
 * La section sombre actuelle est conservée mais harmonisée
 * même si sa classe historique diffère.
 */
.admin-dashboard-v51451
section[style*="background"],
.admin-dashboard-v51451
.panel[style*="background"]{
    border-radius:18px!important;
}


/* =========================================================
   KPI / CARDS
   ========================================================= */

.admin-dashboard-v51451 .cards{
    gap:10px!important;
}

.admin-dashboard-v51451 .card{
    min-height:82px!important;

    padding:14px 16px!important;

    border:1px solid #e5e9ef!important;
    border-radius:14px!important;

    background:#fff!important;

    box-shadow:none!important;
}

.admin-dashboard-v51451 .card span,
.admin-dashboard-v51451 .card small{
    color:#667085!important;

    font-size:9px!important;
    font-weight:850!important;
}

.admin-dashboard-v51451 .card strong{
    color:#101828!important;

    font-size:22px!important;
    line-height:1!important;

    font-weight:950!important;
}


/* =========================================================
   POSTE DE PILOTAGE / GRILLES
   ========================================================= */

.admin-dashboard-v51451
.admin-payment-grid,
.admin-dashboard-v51451
.grid,
.admin-dashboard-v51451
.dashboard-grid{
    gap:10px!important;
}

.admin-dashboard-v51451
.admin-payment-grid > div,
.admin-dashboard-v51451
.grid > article,
.admin-dashboard-v51451
.dashboard-grid > article{
    border:1px solid #e7ebf0!important;
    border-radius:13px!important;

    background:#fff!important;
}


/* =========================================================
   BOUTONS
   ========================================================= */

.admin-dashboard-v51451 .btn{
    border-radius:9px!important;

    font-weight:850!important;
}

.admin-dashboard-v51451 .btn.primary{
    background:#ef5a1a!important;

    border-color:#ef5a1a!important;
}


/* =========================================================
   SIDEBAR RESPONSIVE
   ========================================================= */

@media(max-width:900px){

    .admin-body .sidebar.admin{
        width:250px!important;
        min-width:250px!important;
        max-width:250px!important;
    }

    .admin-dashboard-hero-v51451{
        grid-template-columns:1fr!important;
    }
}


@media(max-width:700px){

    .admin-dashboard-hero-v51451{
        padding:17px!important;
    }

    .admin-dashboard-hero-v51451 h2{
        font-size:22px!important;
    }
}


/* =========================================================
   FPA_V51452_PROFILE_PHOTO_SEPARATION
   Photo profil / pièce identité
   ========================================================= */

.profile-documents-v51452{
    overflow:hidden!important;
}

.profile-separation-note-v51452{
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;

    margin:4px 14px 14px!important;
    padding:12px 14px!important;

    border:1px solid #dbe7f2!important;
    border-radius:12px!important;

    background:#f7fbff!important;
}

.profile-separation-note-v51452 strong{
    flex:0 0 auto!important;

    color:#0f3155!important;

    font-size:10px!important;
    font-weight:950!important;
}

.profile-separation-note-v51452 span{
    color:#667085!important;

    font-size:10px!important;
    line-height:1.45!important;
}


.profile-docs-v51452{
    gap:10px!important;
}

.profile-doc-status-v51452{
    min-height:112px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    padding:13px!important;

    border:1px solid #e4e9ef!important;
    border-radius:13px!important;

    background:#fff!important;
}

.profile-doc-status-v51452 strong{
    color:#101828!important;

    font-size:12px!important;
}

.profile-photo-preview-v51452{
    width:78px!important;
    height:78px!important;

    margin:7px 0!important;

    border-radius:16px!important;

    object-fit:cover!important;
    object-position:center!important;

    border:1px solid #e3e7ed!important;
}


.profile-upload-grid-v51452{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:12px!important;

    margin:14px!important;
}


.profile-photo-upload-v51452,
.identity-upload-v51452{
    display:flex!important;
    flex-direction:column!important;

    gap:12px!important;

    margin:0!important;
    padding:16px!important;

    border:1px solid #e1e6ec!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
        0 7px 20px rgba(15,23,42,.035)!important;
}


.profile-photo-upload-v51452{
    border-top:3px solid #0f8a63!important;
}

.identity-upload-v51452{
    border-top:3px solid #ef5a1a!important;
}


.profile-upload-head-v51452{
    display:flex!important;

    align-items:center!important;

    gap:10px!important;
}

.profile-upload-head-v51452 > div{
    display:grid!important;

    gap:2px!important;
}

.profile-upload-head-v51452 strong{
    color:#101828!important;

    font-size:13px!important;
    font-weight:950!important;
}

.profile-upload-head-v51452 small{
    color:#667085!important;

    font-size:9px!important;
}


.profile-upload-icon-v51452{
    width:46px!important;
    height:34px!important;

    display:grid!important;
    place-items:center!important;

    flex:0 0 auto!important;

    border-radius:9px!important;

    color:#087451!important;
    background:#e9f9f2!important;

    font-size:8px!important;
    font-weight:950!important;

    letter-spacing:.06em!important;
}

.profile-upload-icon-v51452.identity{
    color:#c44916!important;
    background:#fff1e8!important;
}


.profile-current-photo-v51452{
    display:flex!important;

    align-items:center!important;

    gap:10px!important;

    padding:9px!important;

    border:1px solid #e5e9ef!important;
    border-radius:11px!important;

    background:#fafbfc!important;
}

.profile-current-photo-v51452 img{
    width:54px!important;
    height:54px!important;

    border-radius:11px!important;

    object-fit:cover!important;
}

.profile-current-photo-v51452 span{
    color:#667085!important;

    font-size:9px!important;
    font-weight:850!important;
}


.profile-file-field-v51452{
    display:grid!important;

    gap:5px!important;

    margin:0!important;
}

.profile-file-field-v51452 > span{
    color:#344054!important;

    font-size:10px!important;
    font-weight:900!important;
}

.profile-file-field-v51452 > small{
    color:#98a2b3!important;

    font-size:8px!important;
}

.profile-file-field-v51452 input[type="file"]{
    width:100%!important;

    min-height:44px!important;

    padding:7px 9px!important;

    border:1px solid #dfe4ea!important;
    border-radius:10px!important;

    background:#f8fafc!important;

    font-size:10px!important;
}


.profile-upload-warning-v51452{
    display:grid!important;

    gap:3px!important;

    padding:9px 10px!important;

    border:1px solid #cceadd!important;
    border-radius:10px!important;

    background:#f2fbf7!important;
}

.profile-upload-warning-v51452.identity{
    border-color:#fde1d1!important;

    background:#fff8f4!important;
}

.profile-upload-warning-v51452 strong{
    color:#344054!important;

    font-size:9px!important;
}

.profile-upload-warning-v51452 span{
    color:#667085!important;

    font-size:8px!important;
    line-height:1.4!important;
}


.profile-photo-submit-v51452{
    background:#087451!important;
    border-color:#087451!important;
}


@media(max-width:800px){

    .profile-upload-grid-v51452{
        grid-template-columns:1fr!important;
    }

    .profile-separation-note-v51452{
        display:grid!important;
    }
}


/* =========================================================
   FPA_V51454_PROFILE_PHOTO_ADMIN_REVIEW
   Contrôle administratif des photos de profil
   ========================================================= */

.admin-account-kpis-v51454{
    display:grid!important;
    grid-template-columns:
        repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
}

.admin-account-kpis-v51454
.admin-photo-kpi-v51454::before{
    background:#8b5cf6!important;
}


/* bloc contrôle photo */

.admin-profile-photo-review-v51454{
    margin:12px 14px!important;

    border:1px solid #e3e8ef!important;
    border-radius:14px!important;

    background:#fff!important;

    overflow:hidden!important;
}

.admin-profile-photo-review-v51454 > header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:14px!important;

    padding:12px 14px!important;

    border-bottom:1px solid #eaecf0!important;

    background:
        linear-gradient(
            135deg,
            #faf8ff,
            #fff
        )!important;
}

.admin-profile-photo-review-v51454 h4{
    margin:2px 0!important;

    color:#101828!important;

    font-size:13px!important;
}

.admin-profile-photo-review-v51454 p{
    margin:0!important;

    color:#667085!important;

    font-size:9px!important;
}

.admin-photo-kicker-v51454{
    color:#7c3aed!important;

    font-size:7px!important;
    font-weight:950!important;

    letter-spacing:.10em!important;
}


.admin-profile-photo-body-v51454{
    display:grid!important;

    grid-template-columns:
        150px minmax(0,1fr)!important;

    gap:16px!important;

    padding:14px!important;
}


.admin-profile-photo-preview-v51454{
    width:150px!important;
    height:150px!important;

    border-radius:14px!important;

    overflow:hidden!important;

    background:#f2f4f7!important;

    border:1px solid #e1e6ec!important;
}

.admin-profile-photo-preview-v51454 img{
    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
    object-position:center!important;
}


.admin-profile-photo-meta-v51454{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;

    gap:5px!important;
}

.admin-profile-photo-meta-v51454 strong{
    color:#101828!important;

    font-size:13px!important;
}

.admin-profile-photo-meta-v51454 span{
    color:#667085!important;

    font-size:9px!important;
}


.admin-profile-photo-actions-v51454{
    display:flex!important;
    align-items:center!important;

    gap:8px!important;

    flex-wrap:wrap!important;

    padding:11px 14px!important;

    border-top:1px solid #eaecf0!important;

    background:#fafbfc!important;
}

.admin-profile-photo-actions-v51454 form{
    margin:0!important;
}

.admin-profile-photo-reject-v51454{
    display:flex!important;

    gap:6px!important;

    align-items:center!important;

    flex:1 1 360px!important;
}

.admin-profile-photo-reject-v51454 input{
    flex:1 1 auto!important;

    min-width:220px!important;
    min-height:32px!important;

    padding:6px 9px!important;

    border:1px solid #dfe4ea!important;
    border-radius:8px!important;

    font-size:9px!important;
}


@media(max-width:1180px){

    .admin-account-kpis-v51454{
        grid-template-columns:
            repeat(3,minmax(0,1fr))!important;
    }
}


@media(max-width:700px){

    .admin-account-kpis-v51454{
        grid-template-columns:
            1fr 1fr!important;
    }

    .admin-profile-photo-body-v51454{
        grid-template-columns:1fr!important;
    }

    .admin-profile-photo-preview-v51454{
        width:120px!important;
        height:120px!important;
    }

    .admin-profile-photo-reject-v51454{
        display:grid!important;
    }
}


/* =========================================================
   FPA_V51455_ADMIN_ACCOUNTS_ERGONOMY
   Hiérarchie visuelle + navigation directe
   ========================================================= */


/* =========================================================
   LISTE : ESPACEMENT ENTRE LES COMPTES
   ========================================================= */

.admin-user-list-v51449{
    display:flex!important;
    flex-direction:column!important;

    gap:18px!important;

    padding:4px 0 18px!important;

    background:transparent!important;
}


/* =========================================================
   CARTE UTILISATEUR
   ========================================================= */

.admin-user-card-v51449{
    position:relative!important;

    overflow:hidden!important;

    margin:0!important;

    border:
        1px solid
        #dfe5ec!important;

    border-radius:17px!important;

    background:#ffffff!important;

    box-shadow:
        0 8px 26px
        rgba(15,23,42,.065)!important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease!important;
}


/*
 * Trait d'accent en haut de chaque compte.
 */
.admin-user-card-v51449::before{
    content:""!important;

    position:absolute!important;

    top:0!important;
    left:0!important;
    right:0!important;

    height:4px!important;

    background:
        linear-gradient(
            90deg,
            #12385d,
            #1f70b7 54%,
            #ef5a1a
        )!important;

    z-index:2!important;
}


.admin-user-card-v51449:hover{
    border-color:#ccd5df!important;

    box-shadow:
        0 13px 34px
        rgba(15,23,42,.095)!important;
}


.admin-user-card-v51449.focused{
    border-color:
        rgba(239,90,26,.48)!important;

    box-shadow:
        0 0 0 2px
        rgba(239,90,26,.10),
        0 14px 34px
        rgba(15,23,42,.09)!important;
}


/* alternance très légère */

.admin-user-list-v51449
.admin-user-card-v51449:nth-child(even){
    background:#fbfcfe!important;
}


/* =========================================================
   EN-TETE DU COMPTE
   ========================================================= */

.admin-user-head-v51449{
    min-height:88px!important;

    padding:
        17px 16px
        14px!important;

    border-bottom:
        1px solid
        #edf0f4!important;

    background:
        linear-gradient(
            180deg,
            rgba(248,250,252,.92),
            rgba(255,255,255,.96)
        )!important;
}


.admin-user-head-v51449 h3{
    margin-bottom:3px!important;

    color:#101828!important;

    font-size:15px!important;
    line-height:1.1!important;

    font-weight:950!important;
}


.admin-user-head-v51449 p{
    margin:2px 0!important;
}


/* =========================================================
   AVATAR CLIQUABLE
   ========================================================= */

.admin-avatar-link-v51455{
    display:block!important;

    flex:0 0 auto!important;

    color:inherit!important;
    text-decoration:none!important;

    border-radius:13px!important;

    transition:
        transform .16s ease,
        box-shadow .16s ease!important;
}


.admin-avatar-link-v51455:hover{
    transform:
        translateY(-1px)
        scale(1.025)!important;
}


.admin-avatar-link-v51455:hover
.admin-avatar-v51449{
    box-shadow:
        0 0 0 3px
        rgba(239,90,26,.14),
        0 6px 18px
        rgba(15,23,42,.15)!important;
}


.admin-avatar-link-v51455
.admin-avatar-label-v51449{
    transition:
        color .15s ease!important;
}


.admin-avatar-link-v51455:hover
.admin-avatar-label-v51449{
    color:#ef5a1a!important;
}


/* =========================================================
   BADGES / STATUTS
   ========================================================= */

.admin-status-row-v51449{
    padding:
        11px 14px!important;

    border-bottom:
        1px solid
        #edf0f4!important;

    background:#fafbfc!important;
}


/* =========================================================
   INFORMATIONS PRINCIPALES
   ========================================================= */

.admin-account-info-grid-v51449{
    gap:9px!important;

    padding:
        13px 14px!important;

    border-bottom:
        1px solid
        #edf0f4!important;

    background:#fff!important;
}


.admin-account-info-grid-v51449 > div{
    padding:
        10px 11px!important;

    border:
        1px solid
        #e8ecf1!important;

    border-radius:11px!important;

    background:#f8fafc!important;
}


.admin-account-info-grid-v51449 > div > span{
    margin-bottom:4px!important;

    color:#8490a3!important;
}


.admin-account-info-grid-v51449 > div > strong{
    color:#25364b!important;
}


/* =========================================================
   CONTROL ADMIN
   ========================================================= */

.admin-user-details-v51455{
    margin:0!important;

    border:0!important;

    border-radius:0!important;

    background:#fff!important;
}


.admin-user-details-v51455 > summary{
    position:relative!important;

    min-height:42px!important;

    display:flex!important;
    align-items:center!important;

    padding:
        10px 15px!important;

    border-top:
        1px solid
        #edf0f4!important;

    background:
        #f7f9fc!important;

    color:#344054!important;

    font-size:10px!important;
    font-weight:950!important;

    cursor:pointer!important;
}


.admin-user-details-v51455[open] > summary{
    color:#0f3155!important;

    background:
        linear-gradient(
            90deg,
            #eef5fb,
            #f8fafc
        )!important;

    box-shadow:
        inset 4px 0
        #1f70b7!important;
}


/* =========================================================
   BOUTON CONTROLER
   ========================================================= */

.admin-control-direct-v51455{
    border:
        1px solid
        #dce3eb!important;

    background:#f3f6fa!important;

    color:#26374c!important;

    font-weight:900!important;
}


.admin-control-direct-v51455:hover{
    border-color:#ef5a1a!important;

    background:#fff4ed!important;

    color:#c9440e!important;
}


/* =========================================================
   BLOC PHOTO EN CIBLE
   ========================================================= */

.admin-profile-photo-review-v51455{
    scroll-margin-top:90px!important;
}


.admin-profile-photo-review-v51455:target{
    border-color:
        rgba(124,58,237,.48)!important;

    box-shadow:
        0 0 0 3px
        rgba(124,58,237,.10),
        0 10px 28px
        rgba(15,23,42,.07)!important;
}


.admin-user-details-v51455{
    scroll-margin-top:90px!important;
}


.admin-user-details-v51455:target{
    box-shadow:
        inset 4px 0
        #1f70b7!important;
}


/* =========================================================
   MEILLEURE RESPIRATION DU CONTENU OUVERT
   ========================================================= */

.admin-user-details-v51455[open]{
    padding-bottom:12px!important;

    background:#fff!important;
}


.admin-user-details-v51455
.admin-actions-grid{
    margin:
        12px 14px!important;

    padding:
        12px!important;

    border:
        1px solid
        #e8ecf1!important;

    border-radius:12px!important;

    background:#f8fafc!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){

    .admin-user-list-v51449{
        gap:13px!important;
    }

    .admin-user-card-v51449{
        border-radius:14px!important;
    }

    .admin-user-head-v51449{
        padding:
            15px 12px
            12px!important;
    }

    .admin-account-info-grid-v51449{
        padding:
            10px!important;
    }
}


/* =========================================================
   FPA_V51455A_ADMIN_LOGO_VISIBILITY
   Renforcement visuel du logo Administration
   ========================================================= */

/*
 * Conteneur supérieur de la sidebar Admin.
 * Les sélecteurs sont volontairement limités
 * à .sidebar.admin pour ne jamais toucher au site public.
 */

.admin-body .sidebar.admin > a:first-child,
.admin-body .sidebar.admin > div:first-child,
.admin-body .sidebar.admin .brand,
.admin-body .sidebar.admin .logo,
.admin-body .sidebar.admin .sidebar-brand{
    min-height:74px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:10px 12px!important;

    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:15px!important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        )!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 5px 15px rgba(0,0,0,.08)!important;
}


/*
 * Logo : plus grand mais jamais déformé.
 */

.admin-body .sidebar.admin > a:first-child img,
.admin-body .sidebar.admin > div:first-child img,
.admin-body .sidebar.admin .brand img,
.admin-body .sidebar.admin .logo img,
.admin-body .sidebar.admin .sidebar-brand img{
    display:block!important;

    width:auto!important;
    height:auto!important;

    max-width:185px!important;
    max-height:58px!important;

    object-fit:contain!important;
    object-position:center!important;

    opacity:1!important;

    filter:
        drop-shadow(
            0 2px 4px rgba(0,0,0,.22)
        )!important;
}


/*
 * Evite qu'une ancienne règle limite le logo
 * à une miniature trop petite.
 */

.admin-body .sidebar.admin img[src*="logo"],
.admin-body .sidebar.admin img[src*="FretPro"],
.admin-body .sidebar.admin img[src*="fretpro"]{
    width:auto!important;

    max-width:185px!important;
    max-height:58px!important;

    object-fit:contain!important;
}


/*
 * Respiration entre le logo et le bloc Administrateur.
 */

.admin-body .sidebar.admin > a:first-child,
.admin-body .sidebar.admin > div:first-child{
    margin-bottom:9px!important;
}


@media(max-width:800px){

    .admin-body .sidebar.admin > a:first-child img,
    .admin-body .sidebar.admin > div:first-child img,
    .admin-body .sidebar.admin .brand img,
    .admin-body .sidebar.admin .logo img,
    .admin-body .sidebar.admin .sidebar-brand img{
        max-width:170px!important;
        max-height:54px!important;
    }
}


/* =========================================================
   FPA_V51455B_ADMIN_LOGO_CLEAN
   Logo Administration — version HD serveur
   ========================================================= */

/*
 * Règles extrêmement ciblées :
 * uniquement le logo de la sidebar Administration.
 */

.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b{
    position:relative!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:calc(100% - 8px)!important;
    min-height:82px!important;

    margin:0 4px 10px!important;
    padding:9px 10px!important;

    overflow:hidden!important;

    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:15px!important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        )!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 5px 14px rgba(0,0,0,.10)!important;
}


/*
 * Annule explicitement le pseudo-logo éventuel
 * et conserve uniquement la vraie image HD.
 */
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b::before,
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b::after{
    content:none!important;
    display:none!important;
}


/*
 * Vraie image HD.
 */
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b img{
    display:block!important;

    width:100%!important;
    max-width:188px!important;

    height:auto!important;
    max-height:62px!important;

    margin:0 auto!important;

    object-fit:contain!important;
    object-position:center!important;

    opacity:1!important;
    visibility:visible!important;

    filter:none!important;

    transform:none!important;

    image-rendering:auto!important;

    pointer-events:none!important;
}


/*
 * Neutralise les anciennes règles 55A uniquement
 * pour CE logo.
 */
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b.logo img,
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b.sidebar-brand img,
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b img[src*="logo"]{
    width:100%!important;
    max-width:188px!important;

    height:auto!important;
    max-height:62px!important;

    opacity:1!important;
    visibility:visible!important;

    object-fit:contain!important;

    filter:none!important;
}


/*
 * Évite tout écrasement horizontal.
 */
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b{
    flex:0 0 auto!important;
}


@media(max-width:800px){

    .admin-body
    .sidebar.admin
    .admin-sidebar-logo-v51455b{
        min-height:74px!important;
    }

    .admin-body
    .sidebar.admin
    .admin-sidebar-logo-v51455b img{
        max-width:172px!important;
        max-height:56px!important;
    }
}


/* =========================================================
   FPA_V51455C_ADMIN_SIDEBAR_FINISH
   Logo lisible + fermeture sidebar responsive
   ========================================================= */


/* =========================================================
   LOGO — PLAQUE CLAIRE
   ========================================================= */

.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b{
    width:calc(100% - 12px)!important;

    min-height:90px!important;

    margin:8px 6px 12px!important;
    padding:12px 10px!important;

    border:1px solid rgba(255,255,255,.85)!important;
    border-radius:16px!important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7f9fc 100%
        )!important;

    box-shadow:
        0 7px 18px rgba(0,0,0,.16)!important;
}


/*
 * Logo HD bien exploité dans la largeur.
 */
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b img{
    display:block!important;

    width:100%!important;
    max-width:195px!important;

    height:auto!important;
    max-height:68px!important;

    margin:auto!important;

    opacity:1!important;
    visibility:visible!important;

    object-fit:contain!important;
    object-position:center!important;

    filter:none!important;

    transform:none!important;
}


/*
 * Priorité sur les anciennes règles.
 */
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b.logo img,
.admin-body
.sidebar.admin
.admin-sidebar-logo-v51455b img[src*="fretpro-africa-logo-hd"]{
    width:100%!important;
    max-width:195px!important;

    height:auto!important;
    max-height:68px!important;

    opacity:1!important;
    visibility:visible!important;

    filter:none!important;
}


/* =========================================================
   CROIX DE FERMETURE
   ========================================================= */

/*
 * Desktop :
 * sidebar permanente => le X ne sert à rien.
 */
@media(min-width:901px){

    .admin-body
    .sidebar.admin
    .sidebar-close{
        display:none!important;
    }
}


/*
 * Mobile / tablette :
 * le X reste disponible pour fermer le menu.
 */
@media(max-width:900px){

    .admin-body
    .sidebar.admin
    .sidebar-close{
        display:grid!important;

        width:38px!important;
        height:38px!important;

        place-items:center!important;

        position:absolute!important;

        top:10px!important;
        right:10px!important;

        z-index:20!important;

        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:11px!important;

        background:#102c48!important;
        color:#ffffff!important;

        text-decoration:none!important;

        font-size:20px!important;
        font-weight:900!important;
    }

    .admin-body
    .sidebar.admin
    .admin-sidebar-logo-v51455b{
        margin-top:58px!important;

        min-height:80px!important;
    }

    .admin-body
    .sidebar.admin
    .admin-sidebar-logo-v51455b img{
        max-width:180px!important;
        max-height:62px!important;
    }
}


/* =========================================================
   FPA_V51455D_SIDEBAR_CLOSE_FINAL
   La croix n'est utile que sur un petit écran mobile.
   ========================================================= */

/*
 * Par défaut, dans l'administration :
 * pas de croix au-dessus du logo.
 */
html body.admin-body
#fpa-menu.sidebar.admin
> a.sidebar-close{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}


/*
 * Seulement sur téléphone étroit,
 * la sidebar peut avoir besoin d'un bouton fermer.
 */
@media(max-width:640px){

    html body.admin-body
    #fpa-menu.sidebar.admin
    > a.sidebar-close{
        display:grid!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;

        width:38px!important;
        height:38px!important;

        place-items:center!important;

        position:absolute!important;

        top:10px!important;
        right:10px!important;

        z-index:30!important;

        border-radius:11px!important;

        background:#102c48!important;
        color:#fff!important;
    }

    html body.admin-body
    #fpa-menu.sidebar.admin
    .admin-sidebar-logo-v51455b{
        margin-top:56px!important;
    }
}


/*
 * Sur tablette / desktop, le logo commence directement
 * en haut de la sidebar.
 */
@media(min-width:641px){

    html body.admin-body
    #fpa-menu.sidebar.admin
    .admin-sidebar-logo-v51455b{
        margin-top:8px!important;
    }
}


/* =========================================================
   FPA_V51455E_PRO_AND_USER_LOGO_FINISH
   Carte professionnelle + logo HD utilisateur
   ========================================================= */


/* =========================================================
   ADMIN — INFORMATIONS PROFESSIONNELLES
   ========================================================= */

.admin-pro-info-v51455e{
    margin:12px 14px!important;

    overflow:hidden!important;

    border:1px solid #eaded7!important;
    border-radius:14px!important;

    background:#fffaf7!important;
}


.admin-pro-info-head-v51455e{
    display:flex!important;
    flex-direction:column!important;

    gap:2px!important;

    padding:11px 13px!important;

    border-bottom:1px solid #f0e5df!important;

    background:
        linear-gradient(
            90deg,
            #fff6f0,
            #ffffff
        )!important;
}


.admin-pro-info-head-v51455e span{
    color:#e65317!important;

    font-size:8px!important;
    font-weight:950!important;

    letter-spacing:.10em!important;
}


.admin-pro-info-head-v51455e strong{
    color:#182439!important;

    font-size:12px!important;
    font-weight:950!important;
}


.admin-pro-info-grid-v51455e{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:8px!important;

    padding:12px!important;
}


.admin-pro-info-item-v51455e{
    min-width:0!important;

    display:flex!important;
    flex-direction:column!important;

    gap:4px!important;

    padding:10px 11px!important;

    border:1px solid #e8ecf1!important;
    border-radius:10px!important;

    background:#fff!important;
}


.admin-pro-info-item-v51455e > span{
    color:#7a8797!important;

    font-size:8px!important;
    font-weight:900!important;

    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}


.admin-pro-info-item-v51455e > strong{
    min-width:0!important;
    max-width:100%!important;

    color:#25364b!important;

    font-size:10px!important;
    font-weight:850!important;

    line-height:1.4!important;

    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
}


.admin-pro-info-item-v51455e a{
    color:#1267a8!important;
    text-decoration:none!important;
}


.admin-pro-info-item-v51455e a:hover{
    text-decoration:underline!important;
}


.admin-pro-logo-status-v51455e{
    align-self:flex-start!important;

    display:inline-flex!important;
    align-items:center!important;

    min-height:23px!important;

    padding:0 8px!important;

    border-radius:999px!important;

    font-size:8px!important;
    font-weight:950!important;
}


.admin-pro-logo-status-v51455e.is-approved{
    background:#e8f8ee!important;
    color:#087b45!important;
}


.admin-pro-logo-status-v51455e.is-pending{
    background:#fff3e8!important;
    color:#b55708!important;
}


.admin-pro-logo-status-v51455e.is-empty{
    background:#f2f4f7!important;
    color:#667085!important;
}


.admin-pro-logo-action-v51455e{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;

    gap:8px!important;

    padding:0 12px 12px!important;
}


.admin-pro-logo-action-v51455e small{
    color:#667085!important;
    font-size:8px!important;
}


/* =========================================================
   SIDEBAR UTILISATEUR — MEME LOGO QUE ADMIN
   ========================================================= */

body:not(.admin-body)
#fpa-menu.sidebar
.fpa-user-sidebar-logo-v51455e{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:calc(100% - 12px)!important;
    min-height:90px!important;

    margin:8px 6px 12px!important;
    padding:12px 10px!important;

    overflow:hidden!important;

    border:1px solid rgba(255,255,255,.9)!important;
    border-radius:16px!important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f7f9fc
        )!important;

    box-shadow:
        0 7px 18px
        rgba(0,0,0,.15)!important;
}


body:not(.admin-body)
#fpa-menu.sidebar
.fpa-user-sidebar-logo-v51455e::before,
body:not(.admin-body)
#fpa-menu.sidebar
.fpa-user-sidebar-logo-v51455e::after{
    content:none!important;
    display:none!important;
}


body:not(.admin-body)
#fpa-menu.sidebar
.fpa-user-sidebar-logo-v51455e img{
    display:block!important;

    width:100%!important;
    max-width:195px!important;

    height:auto!important;
    max-height:68px!important;

    margin:auto!important;

    object-fit:contain!important;
    object-position:center!important;

    opacity:1!important;
    visibility:visible!important;

    filter:none!important;
    transform:none!important;

    image-rendering:auto!important;
}


@media(max-width:760px){

    .admin-pro-info-grid-v51455e{
        grid-template-columns:1fr!important;
    }

    body:not(.admin-body)
    #fpa-menu.sidebar
    .fpa-user-sidebar-logo-v51455e{
        min-height:78px!important;
    }

    body:not(.admin-body)
    #fpa-menu.sidebar
    .fpa-user-sidebar-logo-v51455e img{
        max-width:178px!important;
        max-height:60px!important;
    }
}


/* =========================================================
   FPA_V51456_SUPPORT_FAQ_UI
   Séparation fonctionnelle FAQ / Support
   ========================================================= */


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

.fpa-faq-head-v51456{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:24px!important;

    margin-bottom:26px!important;
}


.fpa-faq-head-v51456 > div{
    min-width:0!important;
}


.fpa-faq-kicker-v51456{
    display:block!important;

    margin-bottom:8px!important;

    color:#ef5b24!important;

    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;

    letter-spacing:.12em!important;
}


.fpa-faq-head-v51456 h1{
    margin:0 0 8px!important;

    color:#111d31!important;

    font-size:32px!important;
    line-height:1.08!important;
}


.fpa-faq-head-v51456 p{
    max-width:780px!important;
    margin:0!important;

    line-height:1.55!important;
}


.fpa-faq-support-v51456{
    flex:0 0 auto!important;

    white-space:nowrap!important;
}


/* Support direct ----------------------------------------- */

.fpa-support-direct-v51456{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:38px!important;

    font-weight:850!important;
}


@media(max-width:760px){

    .fpa-faq-head-v51456{
        flex-direction:column!important;
    }

    .fpa-faq-support-v51456{
        width:100%!important;
        justify-content:center!important;
    }
}


/* =========================================================
   FPA_V51457_USER_SUPPORT_UI
   Support utilisateur : FAQ + Tickets + Email
   ========================================================= */

.fpa-support-page-v51457{
    display:flex!important;
    flex-direction:column!important;

    gap:16px!important;

    padding-bottom:32px!important;
}


/* HERO --------------------------------------------------- */

.fpa-support-hero-v51457{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:24px!important;

    padding:26px!important;

    border:1px solid #dce5ef!important;
    border-radius:18px!important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f8fbff
        )!important;
}


.fpa-support-kicker-v51457{
    display:block!important;

    margin-bottom:7px!important;

    color:#ef5b24!important;

    font-size:9px!important;
    font-weight:950!important;

    letter-spacing:.12em!important;
}


.fpa-support-hero-v51457 h1{
    margin:0 0 7px!important;

    color:#111d31!important;

    font-size:34px!important;
    line-height:1.05!important;
}


.fpa-support-hero-v51457 p{
    max-width:760px!important;

    margin:0!important;

    color:#627189!important;

    line-height:1.5!important;
}


.fpa-support-hero-badge-v51457{
    flex:0 0 auto!important;

    min-width:112px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    padding:14px!important;

    border-radius:14px!important;

    background:#0f2945!important;
    color:#fff!important;
}


.fpa-support-hero-badge-v51457 strong{
    font-size:25px!important;
}


.fpa-support-hero-badge-v51457 span{
    opacity:.72!important;

    font-size:10px!important;
}


/* ALERT -------------------------------------------------- */

.fpa-support-alert-v51457{
    padding:12px 14px!important;

    border-radius:11px!important;

    font-size:12px!important;
    font-weight:800!important;
}


.fpa-support-alert-v51457.is-success{
    border:1px solid #bfe9cf!important;

    background:#effbf3!important;
    color:#087441!important;
}


.fpa-support-alert-v51457.is-error{
    border:1px solid #f3c7c7!important;

    background:#fff3f3!important;
    color:#b42318!important;
}


/* CANAUX ------------------------------------------------- */

.fpa-support-channels-v51457{
    display:grid!important;

    grid-template-columns:
        repeat(3,minmax(0,1fr))!important;

    gap:12px!important;
}


.fpa-support-channel-v51457{
    min-width:0!important;

    display:grid!important;

    grid-template-columns:
        44px minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:12px!important;

    padding:16px!important;

    border:1px solid #dde5ee!important;
    border-radius:15px!important;

    background:#fff!important;

    color:#172235!important;

    text-decoration:none!important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease!important;
}


.fpa-support-channel-v51457:hover{
    transform:translateY(-2px)!important;

    border-color:#c9d7e6!important;

    box-shadow:
        0 10px 24px
        rgba(15,41,69,.08)!important;
}


.fpa-support-channel-icon-v51457{
    width:44px!important;
    height:44px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:12px!important;

    background:#fff1e9!important;
    color:#e65317!important;

    font-size:18px!important;
    font-weight:950!important;
}


.fpa-support-channel-v51457 div:nth-child(2){
    min-width:0!important;

    display:flex!important;
    flex-direction:column!important;

    gap:3px!important;
}


.fpa-support-channel-v51457 span{
    color:#8a96a8!important;

    font-size:8px!important;
    font-weight:950!important;

    letter-spacing:.08em!important;
}


.fpa-support-channel-v51457 strong{
    overflow-wrap:anywhere!important;

    font-size:13px!important;
}


.fpa-support-channel-v51457 small{
    color:#67768c!important;

    font-size:9px!important;
    line-height:1.35!important;
}


.fpa-support-channel-v51457 > b{
    color:#ef5b24!important;

    font-size:19px!important;
}


/* CARDS -------------------------------------------------- */

.fpa-support-form-card-v51457,
.fpa-support-history-v51457{
    padding:20px!important;

    border:1px solid #dde5ee!important;
    border-radius:16px!important;

    background:#fff!important;
}


.fpa-support-section-head-v51457{
    margin-bottom:16px!important;
}


.fpa-support-section-head-v51457 span{
    display:block!important;

    margin-bottom:4px!important;

    color:#ef5b24!important;

    font-size:8px!important;
    font-weight:950!important;

    letter-spacing:.10em!important;
}


.fpa-support-section-head-v51457 h2{
    margin:0 0 3px!important;

    color:#172235!important;

    font-size:21px!important;
}


.fpa-support-section-head-v51457 p{
    margin:0!important;

    color:#6d798c!important;

    font-size:10px!important;
}


/* FORM --------------------------------------------------- */

.fpa-support-form-v51457{
    display:flex!important;
    flex-direction:column!important;

    gap:13px!important;
}


.fpa-support-form-grid-v51457{
    display:grid!important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))!important;

    gap:12px!important;
}


.fpa-support-form-v51457 label{
    display:flex!important;
    flex-direction:column!important;

    gap:6px!important;
}


.fpa-support-form-v51457 label > span{
    color:#32445d!important;

    font-size:10px!important;
    font-weight:850!important;
}


.fpa-support-form-v51457 input,
.fpa-support-form-v51457 select,
.fpa-support-form-v51457 textarea{
    width:100%!important;

    border:1px solid #d9e2ec!important;
    border-radius:10px!important;

    background:#fbfcfe!important;

    color:#172235!important;

    font:inherit!important;
}


.fpa-support-form-v51457 input,
.fpa-support-form-v51457 select{
    min-height:44px!important;

    padding:0 12px!important;
}


.fpa-support-form-v51457 textarea{
    min-height:140px!important;

    padding:12px!important;

    resize:vertical!important;
}


.fpa-support-form-v51457 input:focus,
.fpa-support-form-v51457 select:focus,
.fpa-support-form-v51457 textarea:focus{
    outline:none!important;

    border-color:#ef8b62!important;

    box-shadow:
        0 0 0 3px
        rgba(239,91,36,.09)!important;
}


.fpa-support-form-footer-v51457{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:16px!important;
}


.fpa-support-form-footer-v51457 small{
    color:#78869a!important;

    font-size:9px!important;
}


/* TICKETS ------------------------------------------------ */

.fpa-support-empty-v51457{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;

    gap:5px!important;

    padding:30px 20px!important;

    border:1px dashed #d5deea!important;
    border-radius:12px!important;

    background:#fafbfd!important;

    text-align:center!important;
}


.fpa-support-empty-v51457 strong{
    color:#283950!important;
}


.fpa-support-empty-v51457 span{
    color:#7b889b!important;

    font-size:10px!important;
}


.fpa-support-ticket-list-v51457{
    display:flex!important;
    flex-direction:column!important;

    gap:10px!important;
}


.fpa-support-ticket-v51457{
    padding:14px!important;

    border:1px solid #e1e7ef!important;
    border-radius:12px!important;

    background:#fbfcfe!important;
}


.fpa-support-ticket-top-v51457{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:14px!important;
}


.fpa-support-ticket-top-v51457 > div{
    min-width:0!important;

    display:flex!important;
    flex-direction:column!important;

    gap:3px!important;
}


.fpa-support-ticket-top-v51457 strong{
    color:#172235!important;

    font-size:11px!important;
}


.fpa-support-ticket-top-v51457 div > span{
    color:#42536b!important;

    font-size:11px!important;
    font-weight:800!important;

    overflow-wrap:anywhere!important;
}


.fpa-support-ticket-meta-v51457{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:10px!important;

    margin-top:9px!important;

    color:#8490a1!important;

    font-size:8px!important;
}


.fpa-support-ticket-v51457 > p{
    margin:10px 0 0!important;

    color:#5e6d82!important;

    font-size:10px!important;
    line-height:1.5!important;

    overflow-wrap:anywhere!important;
}


.fpa-support-status-v51457{
    flex:0 0 auto!important;

    display:inline-flex!important;
    align-items:center!important;

    min-height:25px!important;

    padding:0 9px!important;

    border-radius:999px!important;

    font-size:8px!important;
    font-weight:950!important;
}


.fpa-support-status-v51457.is-open{
    background:#fff2e8!important;
    color:#bb5708!important;
}


.fpa-support-status-v51457.is-progress{
    background:#edf4ff!important;
    color:#2459a9!important;
}


.fpa-support-status-v51457.is-resolved{
    background:#eaf9ef!important;
    color:#087b45!important;
}


.fpa-support-status-v51457.is-closed{
    background:#eff1f4!important;
    color:#5d6674!important;
}


/* EMAIL FOOTER ------------------------------------------ */

.fpa-support-email-footer-v51457{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:16px!important;

    padding:17px 19px!important;

    border:1px solid #dde5ee!important;
    border-radius:14px!important;

    background:#f8fafc!important;
}


.fpa-support-email-footer-v51457 > div{
    display:flex!important;
    flex-direction:column!important;

    gap:3px!important;
}


.fpa-support-email-footer-v51457 strong{
    color:#172235!important;
}


.fpa-support-email-footer-v51457 span{
    color:#758297!important;

    font-size:10px!important;
}


/* RESPONSIVE -------------------------------------------- */

@media(max-width:900px){

    .fpa-support-channels-v51457{
        grid-template-columns:1fr!important;
    }
}


@media(max-width:700px){

    .fpa-support-hero-v51457,
    .fpa-support-email-footer-v51457,
    .fpa-support-form-footer-v51457{
        flex-direction:column!important;
        align-items:stretch!important;
    }

    .fpa-support-hero-badge-v51457{
        width:100%!important;
    }

    .fpa-support-form-grid-v51457{
        grid-template-columns:1fr!important;
    }

    .fpa-support-form-footer-v51457 .btn,
    .fpa-support-email-footer-v51457 .btn{
        width:100%!important;
        justify-content:center!important;
    }
}


/* =========================================================
   FPA_V51457A_SUPPORT_FORM_COLLAPSE
   Formulaire ticket fermé par défaut
   ========================================================= */


/*
 * Le formulaire n'occupe plus la page en permanence.
 */
.fpa-support-form-card-v51457{
    display:none!important;

    position:relative!important;
}


/*
 * Clic sur "Créer un ticket" => #nouveau-ticket
 */
.fpa-support-form-card-v51457:target,
.fpa-support-form-card-v51457.is-open{
    display:block!important;
}


/*
 * Légère mise en évidence lorsqu'il vient d'être ouvert.
 */
.fpa-support-form-card-v51457:target{
    scroll-margin-top:20px!important;

    animation:
        fpaSupportOpenV51457A
        .18s ease-out!important;
}


@keyframes fpaSupportOpenV51457A{

    from{
        opacity:.35;
        transform:translateY(-5px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}


/*
 * Bouton fermeture du formulaire.
 */
.fpa-support-form-close-v51457a{
    position:absolute!important;

    top:15px!important;
    right:16px!important;

    z-index:4!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:31px!important;

    padding:5px 10px!important;

    border:1px solid #dde5ee!important;
    border-radius:9px!important;

    background:#f6f8fb!important;
    color:#536176!important;

    text-decoration:none!important;

    font-size:9px!important;
    font-weight:850!important;
}


.fpa-support-form-close-v51457a:hover{
    background:#eef2f6!important;
    color:#172235!important;
}


/*
 * On laisse la place au bouton Fermer.
 */
.fpa-support-form-card-v51457
.fpa-support-section-head-v51457{
    padding-right:90px!important;
}


@media(max-width:700px){

    .fpa-support-form-close-v51457a{
        position:static!important;

        margin:0 0 14px auto!important;

        width:max-content!important;
    }

    .fpa-support-form-card-v51457
    .fpa-support-section-head-v51457{
        padding-right:0!important;
    }
}


/* =========================================================
   FPA_V51457B3_ADMIN_SUPPORT_PRIORITY_UI
   Support prioritaire Administration
   ========================================================= */


/* Entrée Notifications plus visible si compteur présent. */
.admin-body
.main-nav-v5
a[href*="tab=notifications"]{
    position:relative!important;
}


/* Carte rouge Support sur le Dashboard. */
.admin-body
.admin-support-priority-card-v51457b3{
    border:1px solid #fecaca!important;
    border-left:4px solid #dc2626!important;

    background:
        linear-gradient(
            135deg,
            #fff4f4,
            #ffffff
        )!important;

    box-shadow:
        0 7px 18px
        rgba(185,28,28,.07)!important;
}


.admin-body
.admin-support-priority-card-v51457b3 span{
    color:#991b1b!important;
}


.admin-body
.admin-support-priority-card-v51457b3 strong{
    color:#dc2626!important;

    font-size:27px!important;
}


.admin-body
.admin-support-priority-card-v51457b3 small{
    color:#7f1d1d!important;
}


.admin-body
.admin-support-priority-card-v51457b3:hover{
    border-color:#f87171!important;

    box-shadow:
        0 10px 24px
        rgba(185,28,28,.11)!important;
}


/* Filtre Support. */
.admin-body
.admin-notif-filters-v511141
a[href*="type=support"]{
    border-color:#fecaca!important;
}


.admin-body
.admin-notif-filters-v511141
a[href*="type=support"].active{
    background:#991b1b!important;
    border-color:#991b1b!important;
    color:#ffffff!important;
}


/* Tickets Support non lus / actifs. */
.admin-body
.admin-notif-section-v511142
.admin-notif-card-v511142{
    transition:
        border-color .15s ease,
        box-shadow .15s ease!important;
}


/* =========================================================
   FPA_V51458_SUPPORT_WORKFLOW_UI
   Workflow complet Support Admin + Utilisateur
   ========================================================= */


/* ADMIN ================================================== */

.admin-body
.fpa-admin-support-v51458{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
}


.admin-body
.fpa-admin-support-head-v51458{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:20px!important;
}


.admin-body
.fpa-admin-support-head-v51458 > div{
    min-width:0!important;
}


.admin-body
.fpa-admin-support-head-v51458 span{
    display:block!important;
    margin-bottom:4px!important;

    color:#e85a20!important;

    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.09em!important;
}


.admin-body
.fpa-admin-support-head-v51458 h2{
    margin:0 0 5px!important;
}


.admin-body
.fpa-admin-support-head-v51458 p{
    margin:0!important;
    max-width:760px!important;

    color:#6c788b!important;
}


.admin-body
.fpa-admin-support-kpis-v51458{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
}


.admin-body
.fpa-admin-support-kpis-v51458 > a{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;

    padding:14px!important;

    border:1px solid #e1e7ef!important;
    border-radius:12px!important;

    background:#fff!important;
    color:#172235!important;

    text-decoration:none!important;
}


.admin-body
.fpa-admin-support-kpis-v51458 span{
    color:#6e7b8e!important;
    font-size:9px!important;
    font-weight:850!important;
}


.admin-body
.fpa-admin-support-kpis-v51458 strong{
    font-size:23px!important;
}


.admin-body
.fpa-admin-support-kpis-v51458 small{
    color:#8994a4!important;
    font-size:8px!important;
}


.admin-body
.fpa-admin-support-toolbar-v51458{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
}


.admin-body
.fpa-admin-support-toolbar-v51458 a{
    padding:7px 11px!important;

    border:1px solid #dce4ed!important;
    border-radius:999px!important;

    background:#fff!important;
    color:#536176!important;

    font-size:9px!important;
    font-weight:850!important;

    text-decoration:none!important;
}


.admin-body
.fpa-admin-support-toolbar-v51458 a.active{
    border-color:#172235!important;
    background:#172235!important;
    color:#fff!important;
}


.admin-body
.fpa-admin-support-ticket-v51458{
    display:flex!important;
    flex-direction:column!important;
    gap:15px!important;

    padding:18px!important;

    border:1px solid #e0e6ee!important;
    border-radius:15px!important;

    background:#fff!important;

    box-shadow:
        0 5px 16px
        rgba(15,34,55,.04)!important;
}


.admin-body
.fpa-admin-support-ticket-v51458.is-focus{
    border-color:#f0a283!important;

    box-shadow:
        0 0 0 3px
        rgba(232,90,32,.08)!important;
}


.admin-body
.fpa-admin-support-ticket-v51458 > header{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:15px!important;
}


.admin-body
.fpa-admin-support-ticket-v51458 > header > div{
    min-width:0!important;
}


.admin-body
.fpa-admin-support-ticket-v51458 h3{
    margin:3px 0!important;

    font-size:17px!important;
}


.admin-body
.fpa-admin-support-ref-v51458{
    color:#e85a20!important;

    font-size:9px!important;
    font-weight:950!important;
}


.admin-body
.fpa-admin-support-ticket-v51458 header small{
    color:#7b8798!important;
}


.admin-body
.fpa-admin-support-status-v51458{
    flex:0 0 auto!important;

    padding:6px 9px!important;

    border-radius:999px!important;

    background:#fff0e7!important;
    color:#b44e11!important;

    font-size:8px!important;
    font-weight:950!important;
}


.admin-body
.fpa-admin-support-status-v51458.is-in_progress{
    background:#edf4ff!important;
    color:#225aab!important;
}


.admin-body
.fpa-admin-support-status-v51458.is-resolved{
    background:#eaf9ef!important;
    color:#087b45!important;
}


.admin-body
.fpa-admin-support-status-v51458.is-closed{
    background:#eef1f4!important;
    color:#626d7b!important;
}


.admin-body
.fpa-admin-support-meta-v51458{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
}


.admin-body
.fpa-admin-support-meta-v51458 > div,
.admin-body
.fpa-admin-support-case-v51458{
    min-width:0!important;

    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;

    padding:10px 11px!important;

    border-radius:10px!important;

    background:#f7f9fc!important;
}


.admin-body
.fpa-admin-support-meta-v51458 span,
.admin-body
.fpa-admin-support-case-v51458 span{
    color:#8793a3!important;

    font-size:8px!important;
    font-weight:850!important;
}


.admin-body
.fpa-admin-support-meta-v51458 strong,
.admin-body
.fpa-admin-support-case-v51458 strong{
    overflow-wrap:anywhere!important;

    font-size:10px!important;
}


.admin-body
.fpa-admin-support-message-v51458{
    padding:13px 14px!important;

    border-left:3px solid #ef6b34!important;
    border-radius:8px!important;

    background:#fff8f4!important;
}


.admin-body
.fpa-admin-support-message-v51458 > span{
    color:#bf572d!important;

    font-size:8px!important;
    font-weight:950!important;
}


.admin-body
.fpa-admin-support-message-v51458 p{
    margin:6px 0 0!important;

    color:#35455b!important;

    line-height:1.5!important;
}


.admin-body
.fpa-admin-support-thread-v51458{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;

    padding-top:3px!important;
}


.admin-body
.fpa-admin-support-thread-v51458 h4{
    margin:0 0 3px!important;
}


.admin-body
.fpa-admin-support-reply-v51458{
    padding:11px 12px!important;

    border:1px solid #dce7e5!important;
    border-radius:10px!important;

    background:#f3fbf9!important;
}


.admin-body
.fpa-admin-support-reply-v51458 > div{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
}


.admin-body
.fpa-admin-support-reply-v51458 small{
    color:#7e8c9c!important;
}


.admin-body
.fpa-admin-support-reply-v51458 p{
    margin:7px 0 0!important;
}


.admin-body
.fpa-admin-support-form-v51458{
    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;

    padding-top:13px!important;

    border-top:1px solid #e6ebf1!important;
}


.admin-body
.fpa-admin-support-form-v51458 label{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
}


.admin-body
.fpa-admin-support-form-v51458 label > span{
    color:#42536b!important;

    font-size:9px!important;
    font-weight:850!important;
}


.admin-body
.fpa-admin-support-form-v51458 textarea,
.admin-body
.fpa-admin-support-form-v51458 select{
    width:100%!important;

    border:1px solid #d7e0e9!important;
    border-radius:9px!important;

    background:#fbfcfe!important;

    font:inherit!important;
}


.admin-body
.fpa-admin-support-form-v51458 textarea{
    padding:10px 11px!important;
    resize:vertical!important;
}


.admin-body
.fpa-admin-support-form-v51458 select{
    min-height:39px!important;
    padding:0 9px!important;
}


.admin-body
.fpa-admin-support-form-bottom-v51458{
    display:grid!important;
    grid-template-columns:minmax(180px,260px) auto!important;
    align-items:end!important;
    justify-content:space-between!important;

    gap:12px!important;
}


.admin-body
.fpa-admin-support-empty-v51458{
    padding:30px!important;

    border:1px dashed #d9e1ea!important;
    border-radius:12px!important;

    background:#fafbfd!important;

    text-align:center!important;
}


.admin-body
.fpa-admin-support-empty-v51458 strong,
.admin-body
.fpa-admin-support-empty-v51458 span{
    display:block!important;
}


.admin-body
.fpa-admin-support-empty-v51458 span{
    margin-top:4px!important;

    color:#7f8a9a!important;
}


/* UTILISATEUR ============================================ */

.fpa-support-responses-v51458{
    padding:20px!important;

    border:1px solid #dce5ed!important;
    border-radius:16px!important;

    background:#fff!important;
}


.fpa-support-response-ticket-v51458{
    margin-top:11px!important;
    padding:14px!important;

    border:1px solid #e1e8ef!important;
    border-radius:12px!important;

    background:#fbfcfe!important;
}


.fpa-support-response-ticket-v51458 > header{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:12px!important;
}


.fpa-support-response-ticket-v51458 > header > div{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
}


.fpa-support-response-ticket-v51458 header strong{
    color:#ef5b24!important;
    font-size:9px!important;
}


.fpa-support-response-ticket-v51458 header span{
    color:#26364d!important;
    font-weight:850!important;
}


.fpa-support-response-ticket-v51458 header b{
    padding:5px 8px!important;

    border-radius:999px!important;

    background:#eef3f8!important;
    color:#4d5d71!important;

    font-size:8px!important;
}


.fpa-support-response-v51458{
    margin-top:10px!important;
    padding:12px!important;

    border-left:3px solid #00867a!important;
    border-radius:8px!important;

    background:#f2fbf9!important;
}


.fpa-support-response-v51458 > div{
    display:flex!important;
    justify-content:space-between!important;

    gap:10px!important;
}


.fpa-support-response-v51458 small{
    color:#7a8899!important;
}


.fpa-support-response-v51458 p{
    margin:7px 0 0!important;

    color:#35455b!important;
    line-height:1.5!important;
}


@media(max-width:900px){

    .admin-body
    .fpa-admin-support-kpis-v51458{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .admin-body
    .fpa-admin-support-meta-v51458{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}


@media(max-width:650px){

    .admin-body
    .fpa-admin-support-head-v51458{
        flex-direction:column!important;
    }

    .admin-body
    .fpa-admin-support-kpis-v51458,
    .admin-body
    .fpa-admin-support-meta-v51458{
        grid-template-columns:1fr!important;
    }

    .admin-body
    .fpa-admin-support-form-bottom-v51458{
        grid-template-columns:1fr!important;
    }

    .admin-body
    .fpa-admin-support-form-bottom-v51458 .btn{
        width:100%!important;
    }
}


/* =========================================================
   FPA_V51458A_SUPPORT_ACCORDION_UI
   Tickets Support compacts et ouvrables
   ========================================================= */


/* La carte annonce clairement qu'elle peut être ouverte. */

.admin-body
.fpa-admin-support-ticket-v51458{
    cursor:default!important;
}


.admin-body
.fpa-admin-support-toggle-v51458a{
    position:relative!important;

    cursor:pointer!important;

    padding-right:42px!important;

    outline:none!important;

    user-select:none!important;
}


.admin-body
.fpa-admin-support-toggle-v51458a::after{
    content:"⌄"!important;

    position:absolute!important;

    top:50%!important;
    right:6px!important;

    transform:
        translateY(-50%)!important;

    display:grid!important;
    place-items:center!important;

    width:27px!important;
    height:27px!important;

    border:1px solid #e0e6ed!important;
    border-radius:8px!important;

    background:#f7f9fb!important;
    color:#526174!important;

    font-size:17px!important;
    font-weight:900!important;

    transition:
        transform .15s ease,
        background .15s ease!important;
}


.admin-body
.fpa-admin-support-ticket-v51458.is-open
.fpa-admin-support-toggle-v51458a::after{
    transform:
        translateY(-50%)
        rotate(180deg)!important;

    background:#fff1ea!important;
    color:#df5b25!important;
}


/* Effet de survol */

.admin-body
.fpa-admin-support-toggle-v51458a:hover{
    background:
        linear-gradient(
            90deg,
            rgba(248,250,252,.8),
            transparent
        )!important;
}


.admin-body
.fpa-admin-support-toggle-v51458a:focus-visible{
    box-shadow:
        0 0 0 3px
        rgba(232,90,32,.13)!important;

    border-radius:9px!important;
}


/* =========================================================
   ÉTAT FERME
   ========================================================= */

/*
 * Tout le détail reste caché.
 * Seul l'en-tête du ticket apparaît.
 */

.admin-body
.fpa-admin-support-ticket-v51458
> .fpa-admin-support-meta-v51458,

.admin-body
.fpa-admin-support-ticket-v51458
> .fpa-admin-support-case-v51458,

.admin-body
.fpa-admin-support-ticket-v51458
> .fpa-admin-support-message-v51458,

.admin-body
.fpa-admin-support-ticket-v51458
> .fpa-admin-support-thread-v51458,

.admin-body
.fpa-admin-support-ticket-v51458
> .fpa-admin-support-form-v51458{
    display:none!important;
}


/* =========================================================
   ÉTAT OUVERT
   ========================================================= */

.admin-body
.fpa-admin-support-ticket-v51458.is-open
> .fpa-admin-support-meta-v51458{
    display:grid!important;
}


.admin-body
.fpa-admin-support-ticket-v51458.is-open
> .fpa-admin-support-case-v51458{
    display:flex!important;
}


.admin-body
.fpa-admin-support-ticket-v51458.is-open
> .fpa-admin-support-message-v51458{
    display:block!important;
}


.admin-body
.fpa-admin-support-ticket-v51458.is-open
> .fpa-admin-support-thread-v51458{
    display:flex!important;
}


.admin-body
.fpa-admin-support-ticket-v51458.is-open
> .fpa-admin-support-form-v51458{
    display:flex!important;
}


/* Carte fermée plus compacte */

.admin-body
.fpa-admin-support-ticket-v51458:not(.is-open){
    gap:0!important;

    padding-top:13px!important;
    padding-bottom:13px!important;
}


.admin-body
.fpa-admin-support-ticket-v51458:not(.is-open)
.fpa-admin-support-toggle-v51458a h3{
    margin-top:2px!important;
    margin-bottom:2px!important;
}


/* Carte ouverte */

.admin-body
.fpa-admin-support-ticket-v51458.is-open{
    cursor:default!important;
}


/* Mobile */

@media(max-width:650px){

    .admin-body
    .fpa-admin-support-toggle-v51458a{
        padding-right:34px!important;
    }

    .admin-body
    .fpa-admin-support-toggle-v51458a::after{
        width:25px!important;
        height:25px!important;

        right:0!important;
    }
}


/* =========================================================
   FPA_V51458B2_SUPPORT_TRACKING_UI
   Suivi ticket : nouveau / réponse / statut / activité
   ========================================================= */


.admin-body
.fpa-admin-support-title-v51458b2{
    min-width:0!important;
}


.admin-body
.fpa-admin-support-summary-v51458b2{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px 12px!important;

    margin-top:5px!important;
}


.admin-body
.fpa-admin-support-summary-v51458b2 span{
    color:#78869a!important;

    font-size:8px!important;
    font-weight:700!important;
}


.admin-body
.fpa-admin-support-statebox-v51458b2{
    flex:0 0 auto!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;

    flex-wrap:wrap!important;
    gap:6px!important;
}


.admin-body
.fpa-admin-support-new-v51458b2{
    padding:5px 7px!important;

    border-radius:999px!important;

    background:#dc2626!important;
    color:#fff!important;

    font-size:7px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
}


.admin-body
.fpa-admin-support-replied-v51458b2{
    padding:5px 7px!important;

    border-radius:999px!important;

    background:#e9f8f3!important;
    color:#08785d!important;

    font-size:7px!important;
    font-weight:900!important;
}


.admin-body
.fpa-admin-support-ticket-v51458[data-support-seen="0"]{
    border-left:4px solid #dc2626!important;

    background:
        linear-gradient(
            90deg,
            #fff8f8,
            #fff 22%
        )!important;
}


.admin-body
.admin-support-progress-card-v51458b2{
    border-left:4px solid #2563eb!important;
}


.admin-body
.admin-support-progress-card-v51458b2 span,
.admin-body
.admin-support-progress-card-v51458b2 strong{
    color:#1d4ed8!important;
}


@media(max-width:700px){

    .admin-body
    .fpa-admin-support-statebox-v51458b2{
        padding-right:25px!important;
    }
}


/* =========================================================
   FPA_V51458C_SUPPORT_OPERATIONAL_UI
   Suivi opérationnel Support
   ========================================================= */


.admin-body
.fpa-admin-support-workflow-v51458c{
    color:#334155!important;

    font-weight:850!important;
}


.admin-body
.fpa-admin-support-workflow-box-v51458c{
    display:flex!important;
    flex-direction:column!important;

    gap:4px!important;

    padding:11px 13px!important;

    border:1px solid #dbe5ef!important;
    border-left:3px solid #2563eb!important;
    border-radius:9px!important;

    background:#f7faff!important;
}


.admin-body
.fpa-admin-support-workflow-box-v51458c > span{
    color:#64748b!important;

    font-size:8px!important;
    font-weight:950!important;

    letter-spacing:.06em!important;
}


.admin-body
.fpa-admin-support-workflow-box-v51458c > strong{
    color:#1e3a5f!important;

    font-size:10px!important;
    font-weight:850!important;
}


/* En cours */

.admin-body
.fpa-admin-support-status-v51458.is-in_progress{
    background:#e9f2ff!important;
    color:#1758aa!important;
}


/* Résolu */

.admin-body
.fpa-admin-support-status-v51458.is-resolved{
    background:#e7f8ef!important;
    color:#087443!important;
}


/* Fermé */

.admin-body
.fpa-admin-support-status-v51458.is-closed{
    background:#eef1f4!important;
    color:#596575!important;
}


@media(max-width:700px){

    .admin-body
    .fpa-admin-support-summary-v51458b2{
        flex-direction:column!important;
        gap:3px!important;
    }
}


/* =========================================================
   FPA_V51459_USER_PAYMENTS_UI_CSS
   Refonte Mes paiements utilisateur
   ========================================================= */


.payments-page-v51459{
    display:flex;
    flex-direction:column;
    gap:18px;
}


.payments-hero-v51459{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:24px!important;

    padding:24px!important;

    border:1px solid #e3e8ef!important;
    border-radius:20px!important;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff9f5 100%
        )!important;
}


.payments-hero-v51459 h2{
    margin:4px 0 7px!important;

    font-size:30px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
}


.payments-hero-v51459 p{
    max-width:720px!important;
    margin:0!important;

    color:#657287!important;
    line-height:1.5!important;
}


.payments-security-v51459{
    flex:0 0 min(340px,35%)!important;

    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;

    padding:13px 14px!important;

    border:1px solid #cde8dc!important;
    border-radius:13px!important;

    background:#f4fbf8!important;
}


.payments-security-v51459 > div{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
}


.payments-security-v51459 strong{
    color:#155e4a!important;
}


.payments-security-v51459 span{
    color:#527268!important;
    font-size:11px!important;
    line-height:1.4!important;
}


.payments-security-icon-v51459{
    flex:0 0 auto!important;

    display:grid!important;
    place-items:center!important;

    width:23px!important;
    height:23px!important;

    border-radius:999px!important;

    background:#168567!important;
    color:#fff!important;

    font-weight:950!important;
}


/* KPI ==================================================== */

.payments-kpis-v51459{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:11px!important;
}


.payments-kpis-v51459 article{
    min-height:94px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    gap:3px!important;

    padding:15px 16px!important;

    border:1px solid #e3e8ef!important;
    border-radius:15px!important;

    background:#fff!important;
}


.payments-kpis-v51459 article > span{
    color:#6c788a!important;
    font-size:10px!important;
    font-weight:850!important;
}


.payments-kpis-v51459 article strong{
    color:#18253a!important;
    font-size:27px!important;
    line-height:1!important;
}


.payments-kpis-v51459 article small{
    color:#929baa!important;
    font-size:8px!important;
    font-weight:750!important;
}


.payments-kpis-v51459 .is-action{
    border-left:4px solid #e75d23!important;
}


.payments-kpis-v51459 .is-review{
    border-left:4px solid #d6a316!important;
}


.payments-kpis-v51459 .is-valid{
    border-left:4px solid #158269!important;
}


.payments-kpis-v51459 .is-closed{
    border-left:4px solid #64748b!important;
}


/* GROUPES ================================================= */

.payment-group-v51459{
    margin-top:4px!important;
}


.payment-group-head-v51459{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:16px!important;

    margin:0 0 11px!important;
    padding:2px 2px 8px!important;

    border-bottom:1px solid #e8edf3!important;
}


.payment-group-head-v51459 h3{
    margin:0 0 3px!important;

    color:#1e2d43!important;
    font-size:18px!important;
}


.payment-group-head-v51459 p{
    margin:0!important;

    color:#778396!important;
    font-size:10px!important;
}


.payment-group-count-v51459{
    flex:0 0 auto!important;

    display:grid!important;
    place-items:center!important;

    min-width:31px!important;
    height:31px!important;

    padding:0 9px!important;

    border-radius:999px!important;

    background:#edf1f5!important;
    color:#2e3b50!important;

    font-size:11px!important;
    font-weight:950!important;
}


/* CARTES ================================================== */

.payment-card-v51438.payment-card-v51459{
    overflow:hidden!important;

    margin:0 0 12px!important;
    padding:17px!important;

    border:1px solid #dee5ec!important;
    border-radius:16px!important;

    background:#fff!important;

    box-shadow:
        0 5px 18px rgba(20,34,52,.045)!important;
}


.payment-card-v51459
.pay-client-row-v511111{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:20px!important;

    padding-bottom:13px!important;

    border-bottom:1px solid #edf1f5!important;
}


.payment-ref-line-v51459{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;

    gap:7px!important;
}


.payment-ref-line-v51459 > strong{
    color:#16243a!important;

    font-size:15px!important;
    letter-spacing:-.015em!important;
}


.payment-role-badge-v51459{
    display:inline-flex!important;
    align-items:center!important;

    min-height:22px!important;

    padding:3px 7px!important;

    border-radius:999px!important;

    font-size:7px!important;
    font-weight:950!important;
}


.payment-role-badge-v51459.is-payer{
    background:#fff0e7!important;
    color:#b64e17!important;
}


.payment-role-badge-v51459.is-payee{
    background:#eaf8f3!important;
    color:#08745a!important;
}


.payment-role-badge-v51459.is-other{
    background:#eef2f7!important;
    color:#506075!important;
}


.payment-subline-v51459{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:5px 14px!important;

    margin-top:7px!important;
}


.payment-subline-v51459 span{
    color:#7a8798!important;

    font-size:9px!important;
    font-weight:700!important;
}


.payment-total-v51459{
    flex:0 0 auto!important;

    min-width:170px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;

    gap:3px!important;

    text-align:right!important;
}


.payment-total-v51459 > small{
    color:#8692a2!important;

    font-size:8px!important;
    font-weight:800!important;
}


.payment-total-v51459 > b{
    color:#15243a!important;

    font-size:19px!important;
    line-height:1.1!important;
}


.payment-currency-v51459{
    color:#8995a6!important;

    font-size:8px!important;
    font-weight:900!important;
}


/* META ==================================================== */

.payment-meta-v51459{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    gap:8px!important;

    margin-top:13px!important;
}


.payment-meta-v51459 > div{
    min-width:0!important;

    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;

    padding:10px 11px!important;

    border-radius:10px!important;

    background:#f7f9fb!important;
}


.payment-meta-v51459 > div > span{
    color:#8a95a4!important;

    font-size:7px!important;
    font-weight:900!important;

    text-transform:uppercase!important;
    letter-spacing:.045em!important;
}


.payment-meta-v51459 > div > strong{
    overflow-wrap:anywhere!important;

    color:#2c3b51!important;

    font-size:9px!important;
    line-height:1.35!important;
}


.payment-meta-v51459 a{
    color:#d6541d!important;
    text-decoration:none!important;
}


.payment-meta-counterparty-v51459{
    grid-column:span 2!important;
}


/* ACTIONS ================================================= */

.payment-actions-v51459{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;

    gap:8px!important;

    margin:11px 0 0!important;
}


.payment-follow-link-v51459{
    margin-left:auto!important;
}


/* Composants déjà existants */

.payment-card-v51459
.fpa-pay-v1p{
    margin-top:14px!important;
}


.payment-card-v51459
.payment-contact-v51438{
    margin-top:12px!important;
}


.payment-card-v51459
.payment-history-v511287{
    margin-top:12px!important;
}


/* RESPONSIVE ============================================= */

@media(max-width:900px){

    .payments-hero-v51459{
        flex-direction:column!important;
    }

    .payments-security-v51459{
        width:100%!important;
        flex-basis:auto!important;
    }

    .payments-kpis-v51459{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .payment-meta-v51459{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}


@media(max-width:620px){

    .payments-hero-v51459{
        padding:18px!important;
    }

    .payments-hero-v51459 h2{
        font-size:26px!important;
    }

    .payments-kpis-v51459{
        grid-template-columns:1fr 1fr!important;
    }

    .payment-card-v51438.payment-card-v51459{
        padding:14px!important;
    }

    .payment-card-v51459
    .pay-client-row-v511111{
        flex-direction:column!important;
    }

    .payment-total-v51459{
        width:100%!important;
        min-width:0!important;

        align-items:flex-start!important;
        text-align:left!important;
    }

    .payment-meta-v51459{
        grid-template-columns:1fr!important;
    }

    .payment-meta-counterparty-v51459{
        grid-column:auto!important;
    }

    .payment-actions-v51459{
        justify-content:flex-start!important;
    }

    .payment-follow-link-v51459{
        margin-left:0!important;
    }
}


/* =========================================================
   FPA_V51460_MESSAGES_USER_UI_CSS
   Refonte Messagerie utilisateur
   ========================================================= */

.fpa-messages-v51460{
    padding:0!important;
    overflow:hidden;
    border-radius:22px!important;
}


/* HERO -------------------------------------------------- */

.fpa-messages-hero-v51460{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
    padding:22px 24px!important;
    border-bottom:1px solid #e9edf3!important;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fffaf6 100%
        )!important;
}

.fpa-messages-hero-v51460 h2{
    margin:4px 0 6px!important;
    font-size:29px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
}

.fpa-messages-hero-v51460 p{
    margin:0!important;
    color:#667388!important;
    font-size:12px!important;
    line-height:1.45!important;
}

.fpa-messages-hero-side-v51460{
    display:flex;
    align-items:center;
    gap:14px;
}

.fpa-messages-stats-v51460{
    display:flex;
    gap:8px;
}

.fpa-messages-stats-v51460 > span{
    min-width:78px;
    display:grid;
    gap:2px;
    padding:9px 11px;
    border:1px solid #e4e9f0;
    border-radius:12px;
    background:#fff;
}

.fpa-messages-stats-v51460 small{
    color:#8a96a8;
    font-size:7px;
    font-weight:950;
    letter-spacing:.06em;
}

.fpa-messages-stats-v51460 strong{
    color:#16253a;
    font-size:18px;
    line-height:1;
}

.fpa-messages-stats-v51460 .has-unread{
    border-color:#ffd3bf;
    background:#fff7f2;
}

.fpa-messages-stats-v51460 .has-unread strong{
    color:#d9551b;
}


/* LAYOUT ------------------------------------------------ */

.fpa-messages-v51460 .messages-pro-v61n{
    grid-template-columns:
        minmax(300px,340px)
        minmax(0,1fr)!important;
    gap:0!important;
}

.fpa-messages-v51460 .msg-inbox-v61n,
.fpa-messages-v51460 .msg-thread-v61n{
    border:0!important;
    border-radius:0!important;
}

.fpa-messages-v51460 .msg-inbox-v61n{
    border-right:1px solid #e5eaf1!important;
}


/* INBOX HEADER ------------------------------------------ */

.fpa-messages-v51460 .msg-inbox-head-v61n{
    padding:17px 16px 14px!important;
    background:#fbfcfe!important;
}

.msg-inbox-title-v51460{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}

.msg-inbox-title-v51460 > span{
    min-width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#eef3f9!important;
    color:#40516a!important;
    font-size:10px!important;
    font-weight:950!important;
}

.msg-unread-summary-v51460{
    margin-top:10px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 9px;
    border-radius:999px;
    background:#fff1eb;
    color:#b84b1d;
    font-size:9px;
    font-weight:850;
}

.msg-unread-summary-v51460 strong{
    display:grid;
    place-items:center;
    min-width:18px;
    height:18px;
    border-radius:999px;
    background:#e75d23;
    color:#fff;
    font-size:8px;
}

.msg-unread-summary-v51460.is-clear{
    background:#eef8f4;
    color:#14725b;
}


/* CONVERSATIONS ----------------------------------------- */

.fpa-messages-v51460 .msg-inbox-list-v61n{
    max-height:720px!important;
}

.msg-conv-v51460{
    position:relative;
    gap:5px!important;
    padding:13px 15px!important;
    transition:
        background .15s ease,
        border-color .15s ease!important;
}

.msg-conv-v51460:hover{
    background:#f8fafc!important;
}

.msg-conv-v51460.active{
    background:#fff8f3!important;
    border-left:4px solid #eb5b20!important;
    padding-left:11px!important;
}

.msg-conv-v51460.has-unread:not(.active){
    background:#fffdfb!important;
}

.msg-conv-v51460.has-unread:not(.active)::before{
    content:"";
    position:absolute;
    left:6px;
    top:19px;
    width:5px;
    height:5px;
    border-radius:999px;
    background:#e85b22;
}

.msg-conv-v51460.has-unread:not(.active){
    padding-left:17px!important;
}

.msg-conv-v51460 .msg-conv-top-v61n strong{
    color:#1d2b40!important;
    font-size:12px!important;
    line-height:1.25!important;
}

.msg-context-v51460{
    color:#8792a3!important;
    font-size:8px!important;
    font-weight:800!important;
}

.msg-conv-v51460 .msg-preview-v61n{
    color:#536177!important;
    font-size:9px!important;
    line-height:1.35!important;
}

.msg-conv-date-v51460{
    color:#a0a8b4!important;
    font-size:8px!important;
    font-weight:750!important;
}

.msg-conv-v51460 .msg-unread-v61n{
    min-width:21px!important;
    height:21px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 6px!important;
    background:#e75d23!important;
    font-size:8px!important;
}


/* PANNEAU DROIT ----------------------------------------- */

.fpa-messages-v51460 .msg-thread-v61n{
    min-height:610px;
    background:#fff!important;
}

.fpa-messages-v51460 .msg-empty-thread-v51428{
    min-height:610px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:44px!important;
}

.fpa-messages-v51460 .msg-empty-thread-v51428 h3{
    margin:14px 0 7px!important;
    color:#1c2a40!important;
    font-size:20px!important;
}

.fpa-messages-v51460 .msg-empty-thread-v51428 p{
    max-width:550px;
    margin:0 auto!important;
    color:#68768b!important;
    font-size:11px!important;
    line-height:1.5!important;
}

.msg-empty-guide-v51460{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    margin:18px 0 14px;
}

.msg-empty-guide-v51460 span{
    display:flex;
    align-items:center;
    gap:6px;
    padding:7px 9px;
    border:1px solid #e5eaf1;
    border-radius:10px;
    background:#f9fafc;
    color:#5c697d;
    font-size:9px;
    font-weight:800;
}

.msg-empty-guide-v51460 b{
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    border-radius:999px;
    background:#eaf0f8;
    color:#345077;
    font-size:8px;
}

.fpa-messages-v51460 .msg-empty-thread-v51428 > small{
    max-width:570px;
    color:#9aa3b0!important;
    font-size:8px!important;
    line-height:1.45!important;
}


/* FIL ACTIF --------------------------------------------- */

.fpa-messages-v51460 .msg-thread-head-v61n{
    padding:17px 19px!important;
    background:#fff!important;
}

.fpa-messages-v51460 .msg-thread-head-v61n h3{
    font-size:17px!important;
}

.fpa-messages-v51460 .msg-timeline-v61n{
    min-height:390px;
    max-height:570px!important;
    padding:20px!important;
    background:#f7f9fc!important;
}

.fpa-messages-v51460 .msg-bubble-v61n{
    border-radius:15px!important;
    padding:11px 13px!important;
    font-size:11px!important;
    line-height:1.45!important;
}

.fpa-messages-v51460 .msg-compose-bottom-v61n{
    padding:16px 18px 18px!important;
}


/* CORRECTION DECLARATION CSS HISTORIQUE ----------------- */

.fpa-messages-v51460 .msg-conv-v61n{
    padding:13px 15px;
}


/* RESPONSIVE -------------------------------------------- */

@media(max-width:900px){

    .fpa-messages-hero-v51460{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    .fpa-messages-hero-side-v51460{
        width:100%;
        justify-content:space-between;
    }

    .fpa-messages-v51460 .messages-pro-v61n{
        grid-template-columns:1fr!important;
    }

    .fpa-messages-v51460 .msg-inbox-v61n{
        border-right:0!important;
        border-bottom:1px solid #e5eaf1!important;
    }

    .fpa-messages-v51460 .msg-inbox-list-v61n{
        max-height:420px!important;
    }

    .fpa-messages-v51460 .msg-thread-v61n,
    .fpa-messages-v51460 .msg-empty-thread-v51428{
        min-height:420px!important;
    }
}


@media(max-width:620px){

    .fpa-messages-hero-v51460{
        padding:18px!important;
    }

    .fpa-messages-hero-v51460 h2{
        font-size:25px!important;
    }

    .fpa-messages-hero-side-v51460{
        display:grid;
    }

    .fpa-messages-stats-v51460{
        width:100%;
    }

    .fpa-messages-stats-v51460 > span{
        flex:1;
    }

    .fpa-messages-back-v51428{
        width:100%!important;
        text-align:center!important;
    }

    .msg-empty-guide-v51460{
        flex-direction:column;
        align-items:stretch;
        width:100%;
        max-width:300px;
    }
}


/* =========================================================
   FPA_V51461B_PAYMENT_FLOW_UI_CSS
   Parcours paiement utilisateur
   ========================================================= */


/* Haut de carte cliquable ================================ */

.payment-card-v51461b{
    position:relative;
}


.payment-card-top-link-v51461b{
    display:block;

    margin:-17px -17px 12px;
    padding:17px 17px 12px;

    border-radius:16px 16px 0 0;

    color:inherit!important;
    text-decoration:none!important;

    transition:
        background .15s ease,
        box-shadow .15s ease;
}


.payment-card-top-link-v51461b:hover{
    background:#fafbfd;
}


.payment-card-top-link-v51461b:focus-visible{
    outline:3px solid rgba(234,90,31,.18);
    outline-offset:-3px;
}


.payment-open-hint-v51461b{
    display:flex;
    justify-content:flex-end;
    align-items:center;

    gap:7px;

    margin-top:8px;

    color:#dc581e;

    font-size:9px;
    font-weight:900;
}


.payment-open-hint-v51461b b{
    display:grid;
    place-items:center;

    width:22px;
    height:22px;

    border-radius:999px;

    background:#fff0e8;
    color:#d9561c;

    font-size:12px;
}


/* Bloc règlement ========================================= */

.fpa-pay-v51461b{
    scroll-margin-top:24px;

    overflow:hidden;

    margin:16px 0 13px!important;
    padding:0!important;

    border:1px solid #dfe5ec!important;
    border-radius:17px!important;

    background:#fff!important;

    box-shadow:none!important;
}


.fpa-pay-v51461b:target{
    border-color:#ee986f!important;

    box-shadow:
        0 0 0 4px rgba(234,90,31,.07)!important;
}


.fpa-pay-head-v51461b{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:22px;

    padding:20px;

    border-bottom:1px solid #e8edf3;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff8f3 100%
        );
}


.fpa-pay-head-copy-v51461b{
    min-width:0;
}


.fpa-pay-kicker-v51461b{
    display:block;

    margin-bottom:5px;

    color:#e55c22;

    font-size:8px;
    font-weight:950;

    letter-spacing:.09em;
}


.fpa-pay-head-v51461b h4{
    margin:0 0 5px!important;

    color:#17253a!important;

    font-size:22px!important;
    letter-spacing:-.025em!important;
}


.fpa-pay-head-v51461b p{
    max-width:620px;

    margin:0!important;

    color:#6d798b!important;

    font-size:10px!important;
    line-height:1.5!important;
}


.fpa-pay-amount-v51461b{
    flex:0 0 auto;

    min-width:190px;

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    text-align:right;
}


.fpa-pay-amount-v51461b small{
    color:#8994a4;

    font-size:8px;
    font-weight:850;
}


.fpa-pay-amount-v51461b > strong{
    margin-top:3px;

    color:#08745a;

    font-size:23px;
    line-height:1.05;
}


.fpa-pay-amount-v51461b > span{
    margin-top:2px;

    color:#8994a4;

    font-size:8px;
    font-weight:900;
}


.fpa-pay-amount-v51461b em{
    margin-top:8px;
    padding:5px 8px;

    border-radius:999px;

    background:#17253a;
    color:#fff;

    font-size:8px;
    font-style:normal;
    font-weight:900;
}


/* Détail financier ======================================= */

.fpa-pay-v51461b .payment-breakdown-v442{
    margin:17px 20px!important;
    padding:13px 15px!important;

    border:1px solid #e4e9ef!important;
    border-radius:12px!important;

    background:#f8fafc!important;
}


.fpa-pay-v51461b
.payment-breakdown-v442 p{
    padding:7px 0!important;
}


/* Sections =============================================== */

.fpa-pay-section-v51461b{
    margin:0!important;
    padding:17px 20px 20px!important;

    border-top:1px solid #edf1f5;
}


.fpa-pay-section-title-v51461b{
    display:flex;
    align-items:flex-start;

    gap:10px;

    margin-bottom:12px;
}


.fpa-pay-section-title-v51461b > span{
    flex:0 0 auto;

    display:grid;
    place-items:center;

    width:25px;
    height:25px;

    border-radius:999px;

    background:#17253a;
    color:#fff;

    font-size:9px;
    font-weight:950;
}


.fpa-pay-section-title-v51461b h5{
    margin:1px 0 2px!important;

    color:#17253a!important;

    font-size:13px!important;

    text-transform:none!important;
    letter-spacing:0!important;
}


.fpa-pay-section-title-v51461b p{
    margin:0;

    color:#8590a0;

    font-size:9px;
    line-height:1.4;
}


/* Moyens paiement ======================================== */

.fpa-pay-v51461b .fpa-pay-grid-v1p{
    gap:10px!important;
}


.fpa-pay-v51461b .fpa-pay-method-v1p{
    padding:14px!important;

    border-radius:13px!important;
}


.fpa-pay-v51461b .fpa-pay-online-v1p{
    border-color:#cce6dd!important;
    background:#f6fbf9!important;
}


.fpa-pay-v51461b .fpa-pay-method-v1p strong{
    color:#18263b!important;

    font-size:12px!important;
}


.fpa-pay-v51461b .fpa-pay-method-v1p small{
    color:#8793a4!important;

    font-size:8px!important;
}


.fpa-pay-v51461b .fpa-pay-method-v1p p{
    color:#647084!important;

    font-size:9px!important;
    line-height:1.45!important;
}


.fpa-pay-v51461b
.fpa-pay-method-v1p form .btn{
    width:100%;
}


.fpa-pay-v51461b .fpa-pay-soon-v1p{
    margin-top:8px!important;

    background:#e8f8f2!important;
    color:#147158!important;

    font-size:7px!important;
}


/* Manuel ================================================= */

.fpa-pay-v51461b .fpa-pay-alert-v1p{
    margin:12px 0!important;

    border-radius:11px!important;

    font-size:9px!important;
}


.fpa-pay-v51461b .fpa-pay-manual-box-v1p{
    margin-top:12px!important;
    padding:15px!important;

    border-radius:13px!important;

    background:#fafbfd!important;
}


.fpa-pay-v51461b
.fpa-pay-manual-box-v1p label{
    font-size:9px!important;
}


.fpa-pay-v51461b
.fpa-pay-manual-box-v1p input,
.fpa-pay-v51461b
.fpa-pay-manual-box-v1p select{
    min-height:39px!important;

    border-radius:9px!important;
}


/* Mobile ================================================= */

@media(max-width:720px){

    .payment-card-top-link-v51461b{
        margin:-14px -14px 12px;
        padding:14px;
    }

    .fpa-pay-head-v51461b{
        flex-direction:column;
        padding:17px;
    }

    .fpa-pay-amount-v51461b{
        width:100%;
        min-width:0;

        align-items:flex-start;
        text-align:left;
    }

    .fpa-pay-v51461b .payment-breakdown-v442{
        margin:14px 17px!important;
    }

    .fpa-pay-section-v51461b{
        padding:15px 17px 17px!important;
    }
}


/* =========================================================
   FPA_V51461C2_PAYMENT_INTERACTIONS_CSS
   Marques paiement + cohérence des interactions
   ========================================================= */


/* =========================================================
   KPI CLIQUABLES
   ========================================================= */

.payments-kpis-v51461c{
    scroll-margin-top:20px;
}


.payment-kpi-link-v51461c{
    position:relative;

    min-height:94px;

    display:flex!important;
    flex-direction:column;
    justify-content:center;

    gap:3px;

    padding:15px 44px 15px 16px!important;

    border:1px solid #e3e8ef!important;
    border-radius:15px!important;

    background:#fff!important;

    color:inherit!important;
    text-decoration:none!important;

    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease,
        background .15s ease;
}


a.payment-kpi-link-v51461c{
    cursor:pointer;
}


a.payment-kpi-link-v51461c:hover{
    transform:translateY(-2px);

    border-color:#d4dce6!important;

    background:#fcfdff!important;

    box-shadow:
        0 7px 20px rgba(21,34,53,.07);
}


a.payment-kpi-link-v51461c:focus-visible{
    outline:3px solid rgba(232,91,32,.17);
    outline-offset:2px;
}


.payment-kpi-link-v51461c.is-disabled{
    cursor:default;
}


.payment-kpi-link-v51461c > span{
    color:#6c788a;

    font-size:10px;
    font-weight:850;
}


.payment-kpi-link-v51461c > strong{
    color:#18253a;

    font-size:27px;
    line-height:1;
}


.payment-kpi-link-v51461c > small{
    color:#929baa;

    font-size:8px;
    font-weight:750;
}


.payment-kpi-arrow-v51461c{
    position:absolute;

    right:15px;
    top:50%;

    transform:translateY(-50%);

    display:grid;
    place-items:center;

    width:25px;
    height:25px;

    border-radius:999px;

    background:#f0f3f7;
    color:#516074;

    font-size:13px;

    transition:
        transform .15s ease,
        background .15s ease;
}


a.payment-kpi-link-v51461c:hover
.payment-kpi-arrow-v51461c{
    transform:
        translateY(-45%)
        translateY(2px);

    background:#e8edf4;
}


/* couleurs KPI déjà utilisées */

.payment-kpi-link-v51461c.is-action{
    border-left:4px solid #e75d23!important;
}

.payment-kpi-link-v51461c.is-review{
    border-left:4px solid #d6a316!important;
}

.payment-kpi-link-v51461c.is-valid{
    border-left:4px solid #158269!important;
}

.payment-kpi-link-v51461c.is-closed{
    border-left:4px solid #64748b!important;
}


/* =========================================================
   GROUPES
   ========================================================= */

.payment-group-v51461c{
    scroll-margin-top:22px;
}


/* =========================================================
   HAUT DE CARTE
   ========================================================= */

.payment-card-top-link-v51461b{
    cursor:pointer!important;
}


.payment-card-top-link-v51461b:hover
.payment-ref-line-v51459 > strong{
    color:#d9581d!important;
}


.payment-card-top-link-v51461b:hover
.payment-open-hint-v51461b b{
    transform:translateX(2px);
}


.payment-open-hint-v51461b b{
    transition:
        transform .15s ease,
        background .15s ease;
}


/* =========================================================
   INTERLOCUTEUR CLIQUABLE
   ========================================================= */

.payment-meta-counterparty-v51459 a{
    position:relative;

    cursor:pointer;

    color:#d6541d!important;
    text-decoration:none!important;

    font-weight:900!important;
}


.payment-meta-counterparty-v51459 a::after{
    content:"";

    position:absolute;

    left:0;
    right:100%;
    bottom:-2px;

    height:1px;

    background:currentColor;

    transition:right .15s ease;
}


.payment-meta-counterparty-v51459 a:hover::after{
    right:0;
}


/* =========================================================
   ACTIONS GENERALES
   ========================================================= */

.payment-actions-v51459 a,
.payment-actions-v51459 button,
.payment-actions-v51459 .btn{
    cursor:pointer!important;

    transition:
        transform .14s ease,
        box-shadow .14s ease,
        background .14s ease!important;
}


.payment-actions-v51459 a:hover,
.payment-actions-v51459 button:hover{
    transform:translateY(-1px);
}


.payment-actions-v51459 a:focus-visible,
.payment-actions-v51459 button:focus-visible{
    outline:3px solid rgba(232,91,32,.16);
    outline-offset:2px;
}


/* =========================================================
   MOYENS DE PAIEMENT
   ========================================================= */

.fpa-pay-online-v51461c{
    position:relative;
}


.fpa-pay-method-head-v51461c{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:18px;
}


.fpa-pay-method-head-v51461c > div:first-child{
    min-width:0;
}


.fpa-payment-brands-v51461c{
    flex:0 0 auto;

    display:flex;
    align-items:center;

    gap:6px;
}


/* VISA */

.fpa-brand-visa-v51461c{
    display:grid;
    place-items:center;

    min-width:48px;
    height:27px;

    padding:0 7px;

    border:1px solid #e1e6ec;
    border-radius:6px;

    background:#fff;

    color:#172b85;

    font-family:Arial,sans-serif;
    font-size:14px;
    font-style:italic;
    font-weight:950;

    letter-spacing:-1px;
}


/* MASTERCARD */

.fpa-brand-mastercard-v51461c{
    position:relative;

    width:45px;
    height:27px;

    display:block;

    border:1px solid #e1e6ec;
    border-radius:6px;

    background:#fff;
}


.fpa-brand-mastercard-v51461c i{
    position:absolute;

    top:5px;

    width:17px;
    height:17px;

    border-radius:50%;
}


.fpa-brand-mastercard-v51461c i:first-child{
    left:8px;

    background:#d92d20;
}


.fpa-brand-mastercard-v51461c i:last-child{
    right:8px;

    background:#f4a000;

    opacity:.92;
}


/* AMEX */

.fpa-brand-amex-v51461c{
    display:grid;
    place-items:center;

    min-width:48px;
    height:27px;

    padding:0 6px;

    border-radius:6px;

    background:#2076a9;
    color:#fff;

    font-family:Arial,sans-serif;
    font-size:10px;
    font-weight:950;

    letter-spacing:.02em;
}


/* CINETPAY */

.fpa-brand-cinetpay-v51461c{
    display:grid;
    place-items:center;

    min-height:27px;

    padding:0 9px;

    border-radius:6px;

    background:#17253a;
    color:#fff;

    font-size:9px;
    font-weight:950;
}


.fpa-brand-mobile-v51461c{
    display:grid;
    place-items:center;

    min-height:27px;

    padding:0 9px;

    border:1px solid #dbe2e9;
    border-radius:6px;

    background:#fff;
    color:#506075;

    font-size:8px;
    font-weight:900;
}


/* bouton Payer */

.fpa-pay-v51461b
.fpa-pay-online-v51461c
button{
    cursor:pointer!important;
}


.fpa-pay-v51461b
.fpa-pay-online-v51461c
button:hover{
    transform:translateY(-1px);

    box-shadow:
        0 7px 17px rgba(222,83,24,.18)!important;
}


/* =========================================================
   CONFIRMATION LIVRAISON
   ========================================================= */

.payment-delivery-action-v51461c{
    overflow:hidden;

    margin-top:11px!important;

    border:1px solid #dfe6ed!important;
    border-radius:12px!important;

    background:#fff!important;
}


.payment-delivery-action-v51461c > summary{
    list-style:none;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:16px;

    padding:12px 14px;

    cursor:pointer;

    transition:
        background .15s ease,
        color .15s ease;
}


.payment-delivery-action-v51461c > summary::-webkit-details-marker{
    display:none;
}


.payment-delivery-action-v51461c > summary:hover{
    background:#f7f9fb;
}


.payment-delivery-action-v51461c > summary span{
    display:flex;
    flex-direction:column;

    gap:2px;
}


.payment-delivery-action-v51461c > summary strong{
    color:#203049;

    font-size:10px;
}


.payment-delivery-action-v51461c > summary small{
    color:#8b96a5;

    font-size:8px;
}


.payment-delivery-action-v51461c > summary b{
    display:grid;
    place-items:center;

    width:26px;
    height:26px;

    border-radius:999px;

    background:#edf2f7;
    color:#34465f;

    font-size:17px;

    transition:transform .15s ease;
}


.payment-delivery-action-v51461c[open]
> summary b{
    transform:rotate(90deg);
}


.payment-delivery-action-v51461c form{
    padding:0 14px 14px;
}


.payment-delivery-action-v51461c button{
    cursor:pointer!important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:720px){

    .fpa-pay-method-head-v51461c{
        flex-direction:column;
    }

    .fpa-payment-brands-v51461c{
        width:100%;
        justify-content:flex-start;
    }

    .payment-kpi-link-v51461c{
        padding-right:40px!important;
    }
}


/* =========================================================
   FPA_V51462B_DELIVERY_SEPARATION
   Séparation visuelle nette des dossiers Livraison
   ========================================================= */

.delivery-group-v51443{
    display:grid!important;
    gap:22px!important;
}


.delivery-card-v51443{
    position:relative!important;

    margin:0!important;

    padding:
        19px
        19px
        19px
        23px!important;

    border:
        1px solid
        #d6dee8!important;

    border-radius:
        18px!important;

    background:
        #ffffff!important;

    box-shadow:
        0 8px 24px
        rgba(15,23,42,.065)!important;

    overflow:hidden!important;
}


.delivery-card-v51443::before{
    width:5px!important;
}


.delivery-card-v51443
+ .delivery-card-v51443{
    margin-top:4px!important;
}


.delivery-card-head-v51443{
    padding-bottom:14px!important;

    border-bottom:
        1px solid
        #e4eaf1!important;
}


.delivery-card-finance-v51443{
    padding-top:2px!important;
}


.delivery-counterparty-v51443,
.delivery-contact-v51443,
.delivery-confirmation-v51443{
    position:relative!important;
}


@media(hover:hover){

    .delivery-card-v51443{
        transition:
            transform .15s ease,
            border-color .15s ease,
            box-shadow .15s ease!important;
    }

    .delivery-card-v51443:hover{
        transform:
            translateY(-1px)!important;

        border-color:
            #c3d0dd!important;

        box-shadow:
            0 12px 30px
            rgba(15,23,42,.085)!important;
    }
}


@media(max-width:720px){

    .delivery-group-v51443{
        gap:17px!important;
    }

    .delivery-card-v51443{
        padding:
            15px
            14px
            15px
            18px!important;

        border-radius:
            15px!important;
    }
}


/* ==========================================================
   FPA_V51464B_SPONSOR_STATS_UI
   ========================================================== */

.sponsor-stats-v51464b {
    margin: 16px 0;
    padding: 16px;
    border: 1px solid #dbe4ee;
    border-radius: 16px;
    background: #f8fafc;
}

.sponsor-stats-v51464b > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.sponsor-stats-v51464b > header > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sponsor-stats-kicker-v51464b {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    color: #64748b;
}

.sponsor-stats-status-v51464b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    background: #e2e8f0;
    color: #334155;
}

.sponsor-stats-status-v51464b.is-active {
    background: #dcfce7;
    color: #166534;
}

.sponsor-stats-status-v51464b.is-ended {
    background: #f1f5f9;
    color: #475569;
}

.sponsor-stats-grid-v51464b {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.sponsor-stats-grid-v51464b > div {
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.sponsor-stats-grid-v51464b span,
.sponsor-stats-period-v51464b small {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.sponsor-stats-grid-v51464b strong {
    display: block;
    margin-top: 3px;
    font-size: 20px;
    color: #0f172a;
}

.sponsor-stats-period-v51464b {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.sponsor-stats-period-v51464b > span {
    padding: 10px 12px;
    border-radius: 12px;
    background: #eef2f7;
}

.sponsor-stats-period-v51464b strong {
    display: block;
    margin-top: 2px;
    font-size: 13px;
}

.sponsor-stats-foot-v51464b {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 10px;
    color: #64748b;
    font-size: 11px;
}

@media (max-width: 680px) {
    .sponsor-stats-grid-v51464b {
        grid-template-columns: 1fr;
    }

    .sponsor-stats-period-v51464b {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   FPA_V51464C1_PROVIDER_BADGES_UI
   ========================================================= */

.provider-verified-v51464c1 {
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    font-weight:800;
}

.pro-verified-v51464c1 {
    background:#e8f7ef !important;
    color:#11623c !important;
    border:1px solid #bfe8d0 !important;
}

.transitaire-verified-v51464c1 {
    background:#eaf2ff !important;
    color:#174ea6 !important;
    border:1px solid #c9dcff !important;
}

.provider-verified-text-v51464c1 {
    color:#11623c;
    font-weight:800;
}

/* =========================================================
   FPA_V51464C2_ADMIN_PRO_VERIFICATION_UI
   ========================================================= */

.admin-pro-review-v51464c2 {
    margin:12px;
    padding:14px;
    border:1px solid #e3e8ef;
    border-radius:14px;
    background:#f8fafc;
}

.admin-pro-review-head-v51464c2 {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.admin-pro-review-head-v51464c2 > div {
    display:flex;
    flex-direction:column;
    gap:2px;
}

.admin-pro-review-head-v51464c2 > div > span {
    color:#64748b;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.admin-pro-review-head-v51464c2 > div > strong {
    color:#0f172a;
    font-size:13px;
}

.admin-pro-review-state-v51464c2 {
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
}

.admin-pro-review-state-v51464c2.approved {
    background:#dcfce7;
    color:#166534;
}

.admin-pro-review-state-v51464c2.pending {
    background:#ffedd5;
    color:#9a3412;
}

.admin-pro-review-state-v51464c2.rejected {
    background:#fee2e2;
    color:#991b1b;
}

.admin-pro-review-checklist-v51464c2 {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:12px;
}

.admin-pro-review-checklist-v51464c2 span {
    padding:5px 8px;
    border-radius:8px;
    font-size:10px;
    font-weight:700;
}

.admin-pro-review-checklist-v51464c2 .ok {
    background:#ecfdf5;
    color:#166534;
}

.admin-pro-review-checklist-v51464c2 .missing {
    background:#f1f5f9;
    color:#64748b;
}

.admin-pro-review-approve-v51464c2 {
    margin-top:8px;
}

.admin-pro-review-reject-v51464c2 {
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
}

.admin-pro-review-reject-v51464c2 input {
    flex:1;
    min-width:180px;
}

.admin-pro-review-reason-v51464c2,
.admin-pro-review-date-v51464c2 {
    display:block;
    margin-top:8px;
    color:#64748b;
    font-size:10px;
}

@media(max-width:680px) {
    .admin-pro-review-reject-v51464c2 {
        flex-direction:column;
        align-items:stretch;
    }

    .admin-pro-review-reject-v51464c2 input {
        min-width:0;
        width:100%;
    }
}


/* =========================================================
   FPA_V51464C4_PROFILE_DOCS_CSS
   ========================================================= */

.profile-pro-company-docs-grid-v51464c4{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:16px;
    align-items:stretch;
}

.profile-doc-card-v51464c4{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    background:#fff !important;
    min-width:0;
}

.profile-doc-card-v51464c4 label{
    display:flex;
    flex-direction:column;
    gap:7px;
    font-weight:800;
    color:#0f172a;
}

.profile-doc-card-v51464c4 label small{
    display:block;
    font-weight:500;
    line-height:1.4;
    color:#64748b;
}

.profile-doc-card-v51464c4 input[type="file"]{
    width:100%;
    max-width:100%;
    padding:9px;
    border:1px solid #dbe3ec;
    border-radius:10px;
    background:#f8fafc;
}

.profile-doc-card-v51464c4 .profile-upload-warning-v51452{
    margin:0 !important;
    min-height:72px;
}

.profile-doc-card-v51464c4 .btn{
    align-self:flex-start;
    width:auto !important;
    min-width:190px;
    margin-top:auto;
    padding-left:18px;
    padding-right:18px;
}

.company-doc-card-v51464c4{
    border-top:3px solid #0f766e !important;
}

.company-logo-card-v51464c4{
    border-top:3px solid #f97316 !important;
}

@media(max-width:820px){
    .profile-pro-company-docs-grid-v51464c4{
        grid-template-columns:1fr;
    }

    .profile-doc-card-v51464c4 .btn{
        width:100% !important;
        min-width:0;
    }
}


/* =========================================================
   FPA_V51465A_MONETISATION_UI
   LOT A — Sponsoring + offres + Premium
   ========================================================= */


/* ---------- STATISTIQUES SPONSORING ---------- */

.sponsor-performance-v51465a{
    margin:14px 0;
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
}

.sponsor-performance-head-v51465a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.sponsor-performance-head-v51465a > div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.sponsor-performance-kicker-v51465a{
    font-size:9px;
    line-height:1;
    letter-spacing:.12em;
    font-weight:900;
    color:#f05a1a;
}

.sponsor-performance-head-v51465a strong{
    font-size:14px;
    color:#0f172a;
}

.sponsor-performance-state-v51465a{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:4px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
    background:#f1f5f9;
    color:#475569;
}

.sponsor-performance-state-v51465a.is-active{
    background:#dcfce7;
    color:#166534;
}

.sponsor-performance-state-v51465a.is-ended{
    background:#f1f5f9;
    color:#64748b;
}

.sponsor-performance-kpis-v51465a{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.sponsor-performance-kpis-v51465a > div{
    padding:11px 12px;
    border:1px solid #edf1f5;
    border-radius:12px;
    background:#f8fafc;
}

.sponsor-performance-kpis-v51465a span,
.sponsor-performance-period-v51465a span{
    display:block;
    font-size:10px;
    font-weight:800;
    color:#64748b;
}

.sponsor-performance-kpis-v51465a strong{
    display:block;
    margin:2px 0;
    font-size:19px;
    line-height:1.05;
    color:#0f172a;
}

.sponsor-performance-kpis-v51465a small{
    display:block;
    font-size:9px;
    color:#94a3b8;
}

.sponsor-performance-period-v51465a{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:8px;
}

.sponsor-performance-period-v51465a > div{
    flex:1 1 180px;
    padding:9px 11px;
    border-radius:10px;
    background:#f8fafc;
}

.sponsor-performance-period-v51465a strong{
    display:block;
    margin-top:2px;
    font-size:11px;
    color:#334155;
}

.sponsor-performance-activity-v51465a{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-top:9px;
    padding-top:9px;
    border-top:1px solid #edf1f5;
}

.sponsor-performance-activity-v51465a span{
    font-size:9px;
    color:#64748b;
}

.sponsor-performance-activity-v51465a b{
    margin-right:5px;
    color:#334155;
}


/* ---------- OFFRES PROFESSIONNELLES ---------- */

.professional-offers-v51465a{
    display:grid;
    gap:18px;
}

.professional-offers-hero-v51465a{
    padding:26px;
    border-radius:22px;
    color:#fff;
    background:
        linear-gradient(
            125deg,
            #071d35 0%,
            #0c3f5d 60%,
            #087d70 100%
        );
}

.professional-offers-hero-v51465a > span{
    display:block;
    margin-bottom:7px;
    color:#ff9b5e;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
}

.professional-offers-hero-v51465a h1{
    margin:0;
    font-size:30px;
    color:#fff;
}

.professional-offers-hero-v51465a p{
    max-width:780px;
    margin:9px 0 0;
    color:rgba(255,255,255,.78);
    line-height:1.55;
}

.professional-offers-grid-v51465a{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.professional-offer-card-v51465a{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:22px;
    border:1px solid #e2e8f0;
    border-radius:20px;
    background:#fff;
}

.professional-offer-card-v51465a.is-premium{
    border-color:#fed7aa;
    box-shadow:0 10px 34px rgba(234,88,12,.08);
}

.professional-offer-name-v51465a span{
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    color:#64748b;
}

.professional-offer-name-v51465a h2{
    margin:3px 0 0;
    font-size:24px;
    color:#0f172a;
}

.professional-offer-card-v51465a.is-premium
.professional-offer-name-v51465a h2{
    color:#ea580c;
}

.professional-offer-price-v51465a strong{
    display:block;
    font-size:26px;
    color:#0f172a;
}

.professional-offer-price-v51465a small{
    color:#64748b;
}

.professional-offer-card-v51465a ul{
    display:grid;
    gap:9px;
    margin:0;
    padding:0;
    list-style:none;
}

.professional-offer-card-v51465a li{
    position:relative;
    padding-left:20px;
    color:#475569;
    font-size:13px;
}

.professional-offer-card-v51465a li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#15803d;
    font-weight:900;
}

.professional-offer-btn-v51465a{
    align-self:flex-start;
    margin-top:auto;
}

.professional-pricing-v51465a{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.professional-pricing-v51465a > div{
    padding:14px 16px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
}

.professional-pricing-v51465a span{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:800;
}

.professional-pricing-v51465a strong{
    display:block;
    margin-top:3px;
    color:#0f172a;
    font-size:18px;
}

.professional-offers-note-v51465a{
    padding:16px 18px;
    border:1px solid #dbeafe;
    border-radius:15px;
    background:#eff6ff;
}

.professional-offers-note-v51465a strong{
    color:#1e3a8a;
}

.professional-offers-note-v51465a p{
    margin:4px 0 0;
    color:#475569;
}


/* ---------- COMPTE PREMIUM ---------- */

.professional-premium-active-v51465a,
.professional-free-current-v51465a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px;
    border:1px solid #bbf7d0;
    border-radius:16px;
    background:#f0fdf4;
}

.professional-free-current-v51465a{
    border-color:#e2e8f0;
    background:#f8fafc;
}

.professional-premium-active-v51465a > div,
.professional-free-current-v51465a > div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.professional-premium-active-v51465a span:first-child,
.professional-free-current-v51465a span:first-child{
    color:#64748b;
    font-size:9px;
    font-weight:900;
    letter-spacing:.1em;
}

.professional-premium-active-v51465a strong,
.professional-free-current-v51465a strong{
    font-size:18px;
    color:#0f172a;
}

.professional-premium-active-v51465a small,
.professional-free-current-v51465a small{
    color:#64748b;
}

.professional-account-benefits-v51465a{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.professional-account-benefits-v51465a article{
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
}

.professional-account-benefits-v51465a strong{
    color:#0f172a;
    font-size:12px;
}

.professional-account-benefits-v51465a p{
    margin:5px 0 0;
    color:#64748b;
    font-size:10px;
    line-height:1.4;
}

.professional-premium-plans-v51465a{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.professional-premium-plan-v51465a{
    display:flex;
    flex-direction:column;
    gap:9px;
    padding:16px;
    border:1px solid #e2e8f0;
    border-radius:15px;
    background:#fff;
}

.professional-premium-plan-v51465a span{
    color:#64748b;
    font-size:11px;
    font-weight:800;
}

.professional-premium-plan-v51465a strong{
    color:#0f172a;
    font-size:20px;
}

.professional-premium-plan-v51465a .btn{
    width:100%;
}

.professional-premium-payment-note-v51465a{
    margin:0;
    color:#64748b;
    font-size:11px;
}


@media(max-width:900px){

    .professional-account-benefits-v51465a{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:700px){

    .sponsor-performance-kpis-v51465a,
    .professional-offers-grid-v51465a,
    .professional-pricing-v51465a,
    .professional-premium-plans-v51465a,
    .professional-account-benefits-v51465a{
        grid-template-columns:1fr;
    }

    .sponsor-performance-head-v51465a{
        align-items:flex-start;
        flex-direction:column;
    }

    .professional-offers-hero-v51465a{
        padding:20px;
    }

    .professional-offers-hero-v51465a h1{
        font-size:24px;
    }

}


/* =========================================================
   FPA_V51465A2_PUBLIC_OFFERS_SHELL
   Page publique offres professionnelles
   ========================================================= */

.professional-offers-public-page-v51465a2{
    margin:0;
    min-height:100vh;
    background:#f5f7fa;
    color:#0f172a;
}

.professional-offers-top-v51465a2{
    position:sticky;
    top:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    width:100%;
    padding:14px clamp(18px,4vw,60px);
    border-bottom:1px solid #e6ebf1;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
}

.professional-offers-logo-v51465a2{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}

.professional-offers-logo-v51465a2 img{
    display:block;
    width:auto;
    height:54px;
    max-width:190px;
    object-fit:contain;
}

.professional-offers-nav-v51465a2{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px 18px;
}

.professional-offers-nav-v51465a2 > a:not(.btn){
    color:#334155;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}

.professional-offers-nav-v51465a2 > a:not(.btn):hover{
    color:#f05a1a;
}

.professional-offers-shell-v51465a2{
    width:min(1180px,calc(100% - 36px));
    margin:32px auto 54px;
}

.professional-offers-public-page-v51465a2
.professional-offers-v51465a{
    width:100%;
}

.professional-offers-public-page-v51465a2
.professional-offers-hero-v51465a{
    box-shadow:
        0 18px 50px
        rgba(7,29,53,.13);
}

.professional-offers-public-page-v51465a2
.professional-offer-card-v51465a{
    min-height:100%;
}

.professional-offers-public-page-v51465a2
.professional-offer-card-v51465a.is-premium{
    position:relative;
    overflow:hidden;
}

.professional-offers-public-page-v51465a2
.professional-offer-card-v51465a.is-premium:before{
    content:"RECOMMANDÉ";
    position:absolute;
    top:15px;
    right:-36px;
    width:150px;
    padding:6px 0;
    transform:rotate(36deg);
    background:#f05a1a;
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.1em;
    text-align:center;
}

.professional-offers-public-page-v51465a2
.professional-pricing-v51465a{
    margin-top:2px;
}

.professional-offers-public-page-v51465a2
.professional-offers-note-v51465a{
    margin-bottom:4px;
}

.professional-offers-footer-v51465a2{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;
    padding:30px clamp(18px,4vw,60px);
    border-top:1px solid #e2e8f0;
    background:#071d35;
    color:#fff;
}

.professional-offers-footer-v51465a2 > div{
    max-width:560px;
}

.professional-offers-footer-v51465a2 img{
    display:block;
    width:auto;
    height:48px;
    margin-bottom:12px;
    padding:5px;
    border-radius:10px;
    background:#fff;
}

.professional-offers-footer-v51465a2 p{
    margin:0;
    color:#cbd5e1;
    font-size:12px;
    line-height:1.55;
}

.professional-offers-footer-v51465a2 nav{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.professional-offers-footer-v51465a2 nav a{
    color:#e2e8f0;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.professional-offers-footer-v51465a2 nav a:hover{
    color:#ff9b5e;
}

@media(max-width:760px){

    .professional-offers-top-v51465a2{
        position:relative;
        align-items:flex-start;
        flex-direction:column;
    }

    .professional-offers-nav-v51465a2{
        width:100%;
        justify-content:flex-start;
    }

    .professional-offers-shell-v51465a2{
        width:min(
            100% - 24px,
            1180px
        );
        margin-top:18px;
    }

    .professional-offers-footer-v51465a2{
        flex-direction:column;
    }

}


/* =========================================================
   FPA_V51465A3_CONVERSION_UI
   Conversion Pro / Transitaire
   ========================================================= */

.provider-growth-v51465a3{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:24px;
    margin:4px 0 18px;
    padding:20px 22px;
    border:1px solid #dbe4ee;
    border-radius:20px;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fafc 100%
        );
    box-shadow:
        0 10px 28px
        rgba(15,23,42,.05);
}

.provider-growth-v51465a3.is-verify{
    border-color:#bfdbfe;
    background:
        linear-gradient(
            135deg,
            #eff6ff,
            #ffffff
        );
}

.provider-growth-v51465a3.is-premium{
    border-color:#fed7aa;
    background:
        linear-gradient(
            135deg,
            #fff7ed,
            #ffffff
        );
}

.provider-growth-v51465a3.is-sponsor{
    border-color:#bbf7d0;
    background:
        linear-gradient(
            135deg,
            #f0fdf4,
            #ffffff
        );
}

.provider-growth-v51465a3.is-renew{
    border-color:#fde68a;
    background:
        linear-gradient(
            135deg,
            #fffbeb,
            #ffffff
        );
}

.provider-growth-copy-v51465a3{
    min-width:0;
}

.provider-growth-copy-v51465a3 > span{
    display:block;
    margin-bottom:5px;
    color:#f05a1a;
    font-size:9px;
    font-weight:950;
    letter-spacing:.11em;
}

.provider-growth-copy-v51465a3 h2{
    margin:0;
    color:#0f172a;
    font-size:19px;
    line-height:1.15;
}

.provider-growth-copy-v51465a3 p{
    max-width:760px;
    margin:6px 0 0;
    color:#64748b;
    font-size:12px;
    line-height:1.5;
}

.provider-growth-actions-v51465a3{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
}

.provider-growth-actions-v51465a3 .btn{
    white-space:nowrap;
}

.provider-growth-actions-v51465a3 small{
    max-width:270px;
    color:#64748b;
    font-size:9px;
    line-height:1.35;
    text-align:right;
}


/* Sponsoring contextualisé dans Mes annonces */

.my-ad-sponsor-promo-v51465a3{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    padding:12px;
    border:1px solid #fed7aa;
    border-radius:13px;
    background:#fff7ed;
}

.my-ad-sponsor-promo-v51465a3 > div{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.my-ad-sponsor-promo-v51465a3 > div strong{
    color:#9a3412;
    font-size:11px;
}

.my-ad-sponsor-promo-v51465a3 > div small{
    color:#78716c;
    font-size:9px;
    line-height:1.35;
}

.my-ad-sponsor-promo-v51465a3
.my-ad-sponsor-form-v51420{
    margin:0;
    flex:0 0 auto;
}

@media(max-width:820px){

    .provider-growth-v51465a3{
        grid-template-columns:1fr;
        gap:14px;
    }

    .provider-growth-actions-v51465a3{
        align-items:flex-start;
    }

    .provider-growth-actions-v51465a3 small{
        text-align:left;
    }

    .my-ad-sponsor-promo-v51465a3{
        align-items:flex-start;
        flex-direction:column;
    }

}


/* =========================================================
   FPA_V51465A3B_CONVERSION_CARD_POLISH
   Carte commerciale dashboard Pro / Transitaire
   ========================================================= */

.provider-growth-v51465a3{
    position:relative !important;
    overflow:hidden !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;

    gap:24px !important;

    margin:4px 0 18px !important;
    padding:18px 20px !important;

    border:1px solid #dfe7ef !important;
    border-radius:18px !important;

    background:#fff !important;

    box-shadow:
        0 10px 28px rgba(15,23,42,.06) !important;
}

.provider-growth-v51465a3:before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:5px !important;

    background:#f05a1a !important;
}

.provider-growth-v51465a3.is-premium:before{
    background:#f59e0b !important;
}

.provider-growth-v51465a3.is-sponsor:before{
    background:#10b981 !important;
}

.provider-growth-v51465a3.is-renew:before{
    background:#eab308 !important;
}

.provider-growth-v51465a3.is-verify:before{
    background:#2563eb !important;
}

.provider-growth-copy-v51465a3{
    padding-left:4px !important;
}

.provider-growth-copy-v51465a3 > span{
    display:inline-flex !important;

    margin:0 0 5px !important;
    padding:4px 8px !important;

    border-radius:999px !important;

    background:#fff3ed !important;
    color:#c2410c !important;

    font-size:8px !important;
    font-weight:950 !important;
    letter-spacing:.10em !important;
    line-height:1 !important;
}

.provider-growth-v51465a3.is-sponsor
.provider-growth-copy-v51465a3 > span{
    background:#ecfdf5 !important;
    color:#047857 !important;
}

.provider-growth-v51465a3.is-premium
.provider-growth-copy-v51465a3 > span{
    background:#fff7ed !important;
    color:#c2410c !important;
}

.provider-growth-copy-v51465a3 h2{
    margin:0 !important;

    color:#0f172a !important;

    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
}

.provider-growth-copy-v51465a3 p{
    max-width:760px !important;

    margin:5px 0 0 !important;

    color:#64748b !important;

    font-size:11px !important;
    line-height:1.45 !important;
}

.provider-growth-actions-v51465a3{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;

    min-width:190px !important;

    gap:6px !important;
}

.provider-growth-actions-v51465a3 .btn{
    min-width:180px !important;
    min-height:40px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:10px 16px !important;

    border-radius:11px !important;

    box-shadow:none !important;

    font-size:11px !important;
    font-weight:900 !important;

    white-space:nowrap !important;
}

.provider-growth-v51465a3.is-sponsor
.provider-growth-actions-v51465a3 .btn{
    background:#0f766e !important;
    border-color:#0f766e !important;
    color:#fff !important;
}

.provider-growth-v51465a3.is-premium
.provider-growth-actions-v51465a3 .btn{
    background:#f05a1a !important;
    border-color:#f05a1a !important;
    color:#fff !important;
}

.provider-growth-actions-v51465a3 small{
    max-width:210px !important;

    color:#94a3b8 !important;

    font-size:8px !important;
    line-height:1.3 !important;

    text-align:right !important;
}


/* Sur dashboard : garder une respiration propre */
.fpa-dashboard-main-grid-v51401{
    margin-top:0 !important;
}


@media(max-width:760px){

    .provider-growth-v51465a3{
        grid-template-columns:1fr !important;
        gap:13px !important;

        padding:16px !important;
    }

    .provider-growth-actions-v51465a3{
        width:100% !important;
        min-width:0 !important;

        align-items:stretch !important;
    }

    .provider-growth-actions-v51465a3 .btn{
        width:100% !important;
        min-width:0 !important;
    }

    .provider-growth-actions-v51465a3 small{
        max-width:none !important;
        text-align:left !important;
    }

}


/* =========================================================
   FPA_V51465A3D_COMMERCIAL_BANNER
   Bannière commerciale Pro / Transitaire
   + correction compteur parasite sidebar
   ========================================================= */


/* ---------------------------------------------------------
   COMPTEUR PARASITE SIDEBAR
   Les vrais badges restent dans le topbar.
   --------------------------------------------------------- */

html body .sidebar .message-count,
html body .sidebar .notif-count,
html body .sidebar > .message-count,
html body .sidebar > .notif-count{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

html body .sidebar{
    overflow-x:hidden !important;
}


/* ---------------------------------------------------------
   BANNIERE GENERALE
   --------------------------------------------------------- */

.provider-growth-v51465a3{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;

    gap:24px !important;

    width:100% !important;
    min-height:102px !important;

    margin:8px 0 20px !important;
    padding:18px 22px 18px 88px !important;

    border:0 !important;
    border-radius:20px !important;

    color:#fff !important;

    box-shadow:
        0 16px 38px
        rgba(15,23,42,.14) !important;
}


/* ---------------------------------------------------------
   GRAND PICTO
   --------------------------------------------------------- */

.provider-growth-v51465a3:before{
    content:"↗" !important;

    position:absolute !important;

    left:22px !important;
    top:50% !important;

    width:46px !important;
    height:46px !important;

    transform:translateY(-50%) !important;

    display:grid !important;
    place-items:center !important;

    border-radius:15px !important;

    background:rgba(255,255,255,.15) !important;
    border:1px solid rgba(255,255,255,.20) !important;

    color:#fff !important;

    font-size:22px !important;
    font-weight:950 !important;

    backdrop-filter:blur(8px) !important;

    z-index:2 !important;
}


/* décoration douce */

.provider-growth-v51465a3:after{
    content:"" !important;

    position:absolute !important;
    z-index:-1 !important;

    width:280px !important;
    height:280px !important;

    right:-90px !important;
    top:-150px !important;

    border-radius:999px !important;

    background:
        rgba(255,255,255,.09) !important;
}


/* ---------------------------------------------------------
   SPONSORING
   --------------------------------------------------------- */

.provider-growth-v51465a3.is-sponsor{
    background:
        linear-gradient(
            118deg,
            #062a3d 0%,
            #075985 40%,
            #0f766e 100%
        ) !important;
}

.provider-growth-v51465a3.is-sponsor:before{
    content:"↗" !important;
}


/* ---------------------------------------------------------
   PREMIUM
   --------------------------------------------------------- */

.provider-growth-v51465a3.is-premium{
    background:
        linear-gradient(
            118deg,
            #7c2d12 0%,
            #c2410c 48%,
            #f97316 100%
        ) !important;
}

.provider-growth-v51465a3.is-premium:before{
    content:"★" !important;
}


/* ---------------------------------------------------------
   RENOUVELLEMENT
   --------------------------------------------------------- */

.provider-growth-v51465a3.is-renew{
    background:
        linear-gradient(
            118deg,
            #78350f 0%,
            #b45309 50%,
            #d97706 100%
        ) !important;
}

.provider-growth-v51465a3.is-renew:before{
    content:"↻" !important;
}


/* ---------------------------------------------------------
   VERIFICATION
   --------------------------------------------------------- */

.provider-growth-v51465a3.is-verify{
    background:
        linear-gradient(
            118deg,
            #172554 0%,
            #1d4ed8 52%,
            #2563eb 100%
        ) !important;
}

.provider-growth-v51465a3.is-verify:before{
    content:"✓" !important;
}


/* ---------------------------------------------------------
   TEXTE
   --------------------------------------------------------- */

.provider-growth-copy-v51465a3{
    position:relative !important;
    z-index:2 !important;

    min-width:0 !important;
    padding:0 !important;
}

.provider-growth-copy-v51465a3 > span{
    display:block !important;

    margin:0 0 5px !important;
    padding:0 !important;

    background:transparent !important;

    color:rgba(255,255,255,.72) !important;

    font-size:8px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.14em !important;
}

.provider-growth-copy-v51465a3 h2{
    margin:0 !important;

    color:#fff !important;

    font-size:18px !important;
    line-height:1.15 !important;
    font-weight:950 !important;

    letter-spacing:-.015em !important;
}

.provider-growth-copy-v51465a3 p{
    max-width:700px !important;

    margin:6px 0 0 !important;

    color:rgba(255,255,255,.78) !important;

    font-size:10px !important;
    line-height:1.4 !important;

    font-weight:650 !important;
}


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

.provider-growth-actions-v51465a3{
    position:relative !important;
    z-index:2 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-end !important;
    justify-content:center !important;

    min-width:190px !important;

    gap:5px !important;
}

.provider-growth-actions-v51465a3 .btn{
    min-width:176px !important;
    min-height:42px !important;

    padding:10px 16px !important;

    border:1px solid rgba(255,255,255,.8) !important;
    border-radius:12px !important;

    background:#fff !important;

    color:#0f172a !important;

    font-size:10px !important;
    font-weight:950 !important;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.12) !important;

    text-decoration:none !important;
}

.provider-growth-actions-v51465a3 .btn:hover{
    transform:translateY(-1px) !important;

    box-shadow:
        0 11px 24px
        rgba(0,0,0,.17) !important;
}

.provider-growth-v51465a3.is-premium
.provider-growth-actions-v51465a3 .btn{
    background:#fff !important;
    border-color:#fff !important;
    color:#c2410c !important;
}

.provider-growth-v51465a3.is-sponsor
.provider-growth-actions-v51465a3 .btn{
    background:#fff !important;
    border-color:#fff !important;
    color:#0f766e !important;
}

.provider-growth-v51465a3.is-verify
.provider-growth-actions-v51465a3 .btn{
    background:#fff !important;
    border-color:#fff !important;
    color:#1d4ed8 !important;
}

.provider-growth-v51465a3.is-renew
.provider-growth-actions-v51465a3 .btn{
    background:#fff !important;
    border-color:#fff !important;
    color:#92400e !important;
}


/* sous-texte devenu inutile dans la bannière */

.provider-growth-actions-v51465a3 small{
    display:none !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

    .provider-growth-v51465a3{
        grid-template-columns:1fr !important;

        min-height:0 !important;

        gap:14px !important;

        padding:
            18px
            16px
            18px
            74px !important;
    }

    .provider-growth-v51465a3:before{
        left:16px !important;

        width:42px !important;
        height:42px !important;
    }

    .provider-growth-actions-v51465a3{
        grid-column:1 / -1 !important;

        width:100% !important;
        min-width:0 !important;

        align-items:flex-start !important;

        margin-left:-58px !important;
        padding-left:58px !important;
    }

    .provider-growth-actions-v51465a3 .btn{
        width:100% !important;
        min-width:0 !important;
    }

}


/* =========================================================
   FPA_V51465A4_BANNIERE_ANIMEE_MES_ANNONCES
   Bannière conversion + carte Mes annonces + nettoyage badge
   ========================================================= */

/* -------- Animations -------- */

@keyframes fpaGlowSweepV51465A4 {
    0%   { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
    12%  { opacity: .22; }
    45%  { opacity: .14; }
    100% { transform: translateX(220%) skewX(-18deg); opacity: 0; }
}

@keyframes fpaFloatOrbV51465A4 {
    0%   { transform: translate3d(0,0,0) scale(1); }
    50%  { transform: translate3d(-10px,-8px,0) scale(1.04); }
    100% { transform: translate3d(0,0,0) scale(1); }
}

@keyframes fpaPulseCtaV51465A4 {
    0%   { box-shadow: 0 0 0 0 rgba(240, 90, 26, .30); transform: translateY(0); }
    50%  { box-shadow: 0 0 0 10px rgba(240, 90, 26, 0); transform: translateY(-1px); }
    100% { box-shadow: 0 0 0 0 rgba(240, 90, 26, 0); transform: translateY(0); }
}

/* -------- Bannière dashboard Pro / Transitaire -------- */

.provider-growth-v51465a3{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 8px 0 22px !important;
    padding: 22px 24px !important;

    border: 0 !important;
    border-radius: 24px !important;

    background:
        linear-gradient(135deg, #081a37 0%, #0b2f57 40%, #0f766e 100%) !important;

    box-shadow:
        0 18px 44px rgba(15,23,42,.18),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.provider-growth-v51465a3::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 -20% !important;
    width: 34% !important;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.26) 50%,
        rgba(255,255,255,0) 100%
    ) !important;
    pointer-events: none !important;
    animation: fpaGlowSweepV51465A4 5.8s linear infinite !important;
    z-index: 0 !important;
}

.provider-growth-v51465a3::after{
    content: "" !important;
    position: absolute !important;
    right: -40px !important;
    bottom: -40px !important;
    width: 180px !important;
    height: 180px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 70%) !important;
    pointer-events: none !important;
    animation: fpaFloatOrbV51465A4 4.6s ease-in-out infinite !important;
    z-index: 0 !important;
}

.provider-growth-copy-v51465a3,
.provider-growth-actions-v51465a3{
    position: relative !important;
    z-index: 1 !important;
}

.provider-growth-copy-v51465a3{
    padding-left: 0 !important;
}

.provider-growth-copy-v51465a3 > span{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 0 10px !important;
    padding: 7px 12px !important;

    border-radius: 999px !important;

    background: rgba(255,255,255,.14) !important;
    color: #dffcf6 !important;
    border: 1px solid rgba(255,255,255,.12) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.provider-growth-copy-v51465a3 h2{
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
}

.provider-growth-copy-v51465a3 p{
    max-width: 820px !important;
    margin: 8px 0 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

.provider-growth-actions-v51465a3{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 220px !important;
}

.provider-growth-actions-v51465a3 .btn{
    min-width: 210px !important;
    min-height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 12px 18px !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: linear-gradient(135deg, #ff7a1a 0%, #f05a1a 100%) !important;
    color: #fff !important;

    font-size: 13px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;

    box-shadow: 0 14px 30px rgba(240,90,26,.30) !important;
    animation: fpaPulseCtaV51465A4 2.8s ease-in-out infinite !important;
}

.provider-growth-actions-v51465a3 .btn:hover{
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 34px rgba(240,90,26,.36) !important;
}

.provider-growth-actions-v51465a3 small{
    max-width: 240px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    text-align: right !important;
    font-weight: 700 !important;
}

/* -------- Carte visible dans Mes annonces -------- */

.my-ad-sponsor-promo-v51465a3{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;

    margin: 14px 0 6px !important;
    padding: 18px 20px !important;

    border: 0 !important;
    border-radius: 20px !important;

    background:
        linear-gradient(135deg, #0b2347 0%, #0e4f6b 58%, #10907e 100%) !important;

    box-shadow:
        0 16px 36px rgba(15,23,42,.14),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.my-ad-sponsor-promo-v51465a3::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 -18% !important;
    width: 30% !important;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.18) 50%,
        rgba(255,255,255,0) 100%
    ) !important;
    pointer-events: none !important;
    animation: fpaGlowSweepV51465A4 6.4s linear infinite !important;
    z-index: 0 !important;
}

.my-ad-sponsor-promo-v51465a3 > div,
.my-ad-sponsor-promo-v51465a3 form{
    position: relative !important;
    z-index: 1 !important;
}

.my-ad-sponsor-promo-v51465a3 strong{
    display: block !important;
    margin: 0 0 5px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.my-ad-sponsor-promo-v51465a3 small{
    display: block !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

.my-ad-sponsor-form-v51420{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

.my-ad-sponsor-form-v51420 .btn,
.my-ad-sponsor-promo-v51465a3 .btn{
    min-height: 44px !important;
    padding: 11px 16px !important;
    border-radius: 13px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #ff7a1a 0%, #f05a1a 100%) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 26px rgba(240,90,26,.26) !important;
    animation: fpaPulseCtaV51465A4 2.8s ease-in-out infinite !important;
}

.my-ad-sponsor-form-v51420 select,
.my-ad-sponsor-form-v51420 input{
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.94) !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* -------- Nettoyage badge parasite -------- */

.sidebar,
aside.sidebar,
.sidebar-v5{
    overflow: hidden !important;
}

.sidebar .message-count,
.sidebar .notif-count,
.sidebar .fpa48c-notif-badge,
aside .message-count,
aside .notif-count,
aside .fpa48c-notif-badge{
    display: none !important;
}

/* -------- Responsive -------- */

@media (max-width: 900px){

    .provider-growth-v51465a3,
    .my-ad-sponsor-promo-v51465a3{
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 18px !important;
    }

    .provider-growth-actions-v51465a3,
    .my-ad-sponsor-form-v51420{
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    .provider-growth-actions-v51465a3 .btn,
    .my-ad-sponsor-form-v51420 .btn{
        width: 100% !important;
        min-width: 0 !important;
    }

    .provider-growth-actions-v51465a3 small{
        max-width: none !important;
        text-align: left !important;
    }
}

/* FPA_V51465A4B_CTA_CLIGNOTANT */

@keyframes fpaCtaAttentionV51465A4B {
    0%, 100% {
        transform: scale(1);
        box-shadow:
            0 0 0 0 rgba(255, 122, 26, .35),
            0 12px 26px rgba(240, 90, 26, .22);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.035);
        box-shadow:
            0 0 0 10px rgba(255, 122, 26, 0),
            0 16px 34px rgba(240, 90, 26, .34);
        filter: brightness(1.12);
    }
}

.provider-growth-actions-v51465a3 .btn{
    animation:
        fpaCtaAttentionV51465A4B
        1.35s
        ease-in-out
        infinite !important;

    background:
        linear-gradient(
            135deg,
            #ff8a24 0%,
            #f05a1a 100%
        ) !important;

    color:#fff !important;
    border:0 !important;

    font-weight:950 !important;
}

.provider-growth-actions-v51465a3 .btn:hover{
    animation-play-state:paused !important;
    transform:scale(1.04) !important;
}

@media (prefers-reduced-motion: reduce){
    .provider-growth-actions-v51465a3 .btn{
        animation:none !important;
    }
}

/* =========================================================
   FPA_V51465A6B_BADGES_TOPBAR_STRICT
   Aucun pseudo-compteur hors du vrai topbar.
   ========================================================= */

/* 1. Neutralisation TOTALE des anciens pseudo-badges */
html body .fpa55-bell[data-unread]::after,
html body .fpa55-envelope[data-unread]::after{
    content:none !important;
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

/* 2. Réactivation uniquement de la cloche du TOPBAR */
html body .content > .topbar
.fpa-topbar-icons-clean
a.fpa55-bell[data-unread]:not([data-unread="0"])::after{
    content:attr(data-unread) !important;

    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;

    position:absolute !important;
    top:-8px !important;
    right:-9px !important;

    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:999px !important;

    background:#dc2626 !important;
    color:#fff !important;
    border:2px solid #fff !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;

    z-index:50 !important;
    pointer-events:none !important;
}

/* 3. Réactivation uniquement de l'enveloppe du TOPBAR */
html body .content > .topbar
.fpa-topbar-icons-clean
a.fpa55-envelope[data-unread]:not([data-unread="0"])::after{
    content:attr(data-unread) !important;

    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;

    position:absolute !important;
    top:-8px !important;
    right:-9px !important;

    min-width:20px !important;
    height:20px !important;
    padding:0 5px !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:999px !important;

    background:#2563eb !important;
    color:#fff !important;
    border:2px solid #fff !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;

    z-index:50 !important;
    pointer-events:none !important;
}

/* Les anciens spans HTML restent masqués */
html body .content > .topbar
.fpa-topbar-icon-only > .message-count,
html body .content > .topbar
.fpa-topbar-icon-only > .notif-count,
html body .content > .topbar
.fpa-topbar-icon-only > .fpa48c-notif-badge{
    display:none !important;
}

/* Sécurité absolue dans la sidebar */
html body .sidebar [data-unread]::after,
html body .sidebar-v5 [data-unread]::after{
    content:none !important;
    display:none !important;
}

@media(max-width:700px){

    html body .content > .topbar
    .fpa-topbar-icons-clean
    a.fpa55-bell[data-unread]:not([data-unread="0"])::after,

    html body .content > .topbar
    .fpa-topbar-icons-clean
    a.fpa55-envelope[data-unread]:not([data-unread="0"])::after{
        top:-6px !important;
        right:-6px !important;
        min-width:18px !important;
        height:18px !important;
        padding:0 4px !important;
        font-size:9px !important;
    }
}

/* =========================================================
   FPA_V51465A9_REMOVE_FLOATING_LIVE_BADGE
   Suppression du badge historique flottant .fpa-live-badge
   ========================================================= */

html body .sidebar .fpa-live-badge,
html body .sidebar-v5 .fpa-live-badge,
html body > .fpa-live-badge,
html body .fpa-live-badge{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* ============================================================
   FPA_V51465C_TARGETED_DASHBOARD_ADS
   Régie Dashboard GP / Professionnel / Transitaire
   ============================================================ */

.fpa-dashboard-targeted-ad-v51465c{
    width:100%;
    min-width:0;
    margin:4px 0 18px;
}

.fpa-dashboard-targeted-ad-v51465c
.fpa-publicity-slot{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.fpa-publicity-dashboard_gp a,
.fpa-publicity-dashboard_transitaire a{
    aspect-ratio:1200/260 !important;
}

.fpa-publicity-dashboard_gp img,
.fpa-publicity-dashboard_transitaire img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
}

@media(max-width:700px){
    .fpa-publicity-dashboard_gp a,
    .fpa-publicity-dashboard_transitaire a{
        aspect-ratio:1200/300 !important;
    }

    .fpa-dashboard-targeted-ad-v51465c{
        margin-bottom:16px;
    }
}

/* ============================================================
   FPA_V51465C3_DASHBOARD_COMPACT_NATIVE
   Format natif publicitaire Dashboard compact 1200 x 180
   ============================================================ */

.fpa-publicity-slot.fpa-publicity-format-dashboard_compact{
    width:100% !important;
    max-width:1200px !important;
    margin:14px auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
    border-radius:20px !important;
}

.fpa-publicity-slot.fpa-publicity-format-dashboard_compact > a,
.fpa-publicity-slot.fpa-publicity-format-dashboard_compact .fpa-publicity-slider,
.fpa-publicity-slot.fpa-publicity-format-dashboard_compact .fpa-publicity-slide,
.fpa-publicity-slot.fpa-publicity-format-dashboard_compact .fpa-publicity-slide > a{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:20 / 3 !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:transparent !important;
}

.fpa-publicity-slot.fpa-publicity-format-dashboard_compact img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    aspect-ratio:20 / 3 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:20px !important;
}

.fpa-dashboard-targeted-ad-v51465c{
    width:100% !important;
    margin:14px 0 22px !important;
}

.fpa-dashboard-targeted-ad-v51465c
.fpa-publicity-slot.fpa-publicity-format-dashboard_compact{
    max-width:none !important;
    margin:0 !important;
}

/* Le label PUBLICITÉ reste discret. */
.fpa-dashboard-targeted-ad-v51465c
.fpa-publicity-label{
    margin:0 0 6px 10px !important;
    font-size:10px !important;
}

/* Bouton Déconnecter moins massif. */
.logout-form-v5{
    display:flex !important;
    justify-content:center !important;
}

.logout-form-v5 button,
.logout-form-v5 .logout,
.logout-form-v5 .link-btn{
    width:auto !important;
    min-width:145px !important;
    max-width:170px !important;
    padding:10px 16px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:10px !important;
}

@media(max-width:700px){
    .fpa-publicity-slot.fpa-publicity-format-dashboard_compact > a,
    .fpa-publicity-slot.fpa-publicity-format-dashboard_compact .fpa-publicity-slider,
    .fpa-publicity-slot.fpa-publicity-format-dashboard_compact .fpa-publicity-slide,
    .fpa-publicity-slot.fpa-publicity-format-dashboard_compact .fpa-publicity-slide > a,
    .fpa-publicity-slot.fpa-publicity-format-dashboard_compact img{
        aspect-ratio:16 / 3 !important;
    }

    .logout-form-v5 button,
    .logout-form-v5 .logout,
    .logout-form-v5 .link-btn{
        width:100% !important;
        max-width:none !important;
    }
}


/* FPA_V51465C3_ADMIN_FORMAT_GUIDE */
.admin-publicity-format-guide-v5117 div{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:1100px){
    .admin-publicity-format-guide-v5117 div{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:700px){
    .admin-publicity-format-guide-v5117 div{
        grid-template-columns:1fr !important;
    }
}

/* ============================================================
   FPA_V51466A_TRANSITAIRE_WORKSPACE_UI
   Refonte Profil / Devis / Paiements / Documents Transitaire
   ============================================================ */

.tr66-section,
.tr66-profile-main,
.tr66-legal-card,
.tr66-profile-summary{
    background:#fff;
    border:1px solid #dde5ee;
    border-radius:20px;
    box-shadow:0 8px 30px rgba(15,23,42,.035);
}

.tr66-section{
    padding:20px;
}

.tr66-section-head,
.tr66-profile-summary{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.tr66-section-head{
    margin-bottom:16px;
}

.tr66-section-head h2,
.tr66-profile-summary h2{
    margin:3px 0 4px;
    color:#10213a;
    font-size:20px;
}

.tr66-section-head p,
.tr66-profile-summary p{
    margin:0;
    color:#64748b;
    font-size:13px;
    line-height:1.45;
}

.tr66-kicker{
    color:#f26322;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}

.tr66-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding:0 10px;
    border-radius:12px;
    background:#f2f6fb;
    color:#10213a;
    font-size:14px;
    font-weight:900;
}

/* DEVIS */

.tr66-quote-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.tr66-quote-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:20px;
    align-items:center;
    padding:15px 16px;
    border:1px solid #e5eaf1;
    border-radius:15px;
    background:#fbfcfe;
    color:inherit;
    text-decoration:none;
    transition:.18s ease;
}

.tr66-quote-card:hover{
    border-color:#cbd7e5;
    background:#fff;
    box-shadow:0 7px 22px rgba(15,23,42,.055);
    transform:translateY(-1px);
}

.tr66-quote-main{
    display:grid;
    grid-template-columns:155px minmax(180px,1fr) 145px;
    gap:18px;
    align-items:center;
}

.tr66-quote-card small,
.tr66-payment-card small{
    display:block;
    margin-bottom:4px;
    color:#8492a6;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.tr66-reference strong,
.tr66-route strong{
    color:#13243d;
    font-size:13px;
}

.tr66-date span{
    color:#64748b;
    font-size:11px;
}

.tr66-quote-side{
    min-width:205px;
    text-align:right;
}

.tr66-amount strong{
    display:block;
    margin-bottom:6px;
    color:#10213a;
    font-size:15px;
}

.tr66-status-wrap{
    display:flex;
    justify-content:flex-end;
}

.tr66-open{
    display:block;
    margin-top:8px;
    color:#2563eb;
    font-size:10px;
    font-weight:800;
}

/* PAIEMENTS */

.tr66-payment-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.tr66-payment-card{
    display:grid;
    grid-template-columns:42px minmax(170px,1.1fr) minmax(135px,.8fr) minmax(145px,.8fr) auto auto;
    gap:14px;
    align-items:center;
    padding:14px 15px;
    border:1px solid #e5eaf1;
    border-radius:15px;
    background:#fbfcfe;
}

.tr66-payment-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:12px;
    background:#eef5ff;
    color:#2563eb;
    font-size:16px;
    font-weight:950;
}

.tr66-payment-info strong{
    display:block;
    color:#10213a;
    font-size:13px;
}

.tr66-payment-info span,
.tr66-payment-date span{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:11px;
}

.tr66-payment-amount strong{
    color:#10213a;
    font-size:14px;
}

.tr66-state{
    display:inline-flex;
    align-items:center;
    padding:6px 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
}

.tr66-state.waiting{
    background:#fff3e8;
    color:#b45309;
}

.tr66-state.progress{
    background:#eaf2ff;
    color:#1d4ed8;
}

.tr66-state.success{
    background:#e8f7ef;
    color:#166534;
}

.tr66-state.danger{
    background:#feecec;
    color:#b91c1c;
}

.tr66-state.muted{
    background:#eef2f6;
    color:#64748b;
}

.tr66-payment-open{
    color:#2563eb;
    font-size:10px;
    font-weight:850;
    text-decoration:none;
    white-space:nowrap;
}

/* DOCUMENTS */

.tr66-doc-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.tr66-doc-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:13px;
    padding:15px;
    border:1px solid #e5eaf1;
    border-radius:15px;
    background:#fbfcfe;
}

.tr66-doc-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:13px;
    background:#fff3e8;
    color:#ea580c;
    font-size:19px;
}

.tr66-doc-content small,
.tr66-doc-content strong,
.tr66-doc-content span,
.tr66-doc-content time{
    display:block;
}

.tr66-doc-content small{
    color:#2563eb;
    font-size:9px;
    font-weight:900;
}

.tr66-doc-content strong{
    margin-top:3px;
    color:#10213a;
    font-size:13px;
}

.tr66-doc-content span,
.tr66-doc-content time{
    margin-top:3px;
    color:#64748b;
    font-size:10px;
}

.tr66-doc-actions{
    grid-column:1/-1;
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding-top:9px;
    border-top:1px solid #edf1f5;
}

/* EMPTY DOCUMENTS */

.tr66-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:310px;
    padding:35px 20px;
    border:1px dashed #d7e0ea;
    border-radius:20px;
    background:#fbfcfe;
    text-align:center;
}

.tr66-empty-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    margin-bottom:13px;
    border-radius:16px;
    background:#eef3f8;
    color:#8090a5;
    font-size:22px;
}

.tr66-empty h2{
    margin:0;
    color:#10213a;
    font-size:18px;
}

.tr66-empty p{
    max-width:520px;
    margin:7px auto 17px;
    color:#64748b;
    font-size:12px;
    line-height:1.5;
}

/* PROFIL */

.tr66-profile-summary{
    margin-bottom:16px;
    padding:18px 20px;
}

.tr66-profile-indicator{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    padding:10px 13px;
    border-radius:13px;
    background:#f5f8fc;
}

.tr66-profile-indicator strong{
    color:#10213a;
    font-size:17px;
}

.tr66-profile-indicator span{
    margin-top:2px;
    color:#64748b;
    font-size:9px;
}

.tr66-profile-layout{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);
    gap:16px;
    align-items:start;
}

.tr66-profile-main{
    padding:20px;
}

.tr66-profile-form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.tr66-form-section{
    padding-bottom:18px;
    border-bottom:1px solid #edf1f5;
}

.tr66-form-section:last-of-type{
    padding-bottom:0;
    border-bottom:0;
}

.tr66-form-section-title{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-bottom:13px;
}

.tr66-form-section-title > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:9px;
    background:#fff2e9;
    color:#ea580c;
    font-size:10px;
    font-weight:950;
}

.tr66-form-section-title h3{
    margin:0;
    color:#10213a;
    font-size:14px;
}

.tr66-form-section-title p{
    margin:3px 0 0;
    color:#64748b;
    font-size:10px;
}

.tr66-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.tr66-span-2{
    grid-column:1/-1;
}

.tr66-profile-form label{
    display:flex;
    flex-direction:column;
    gap:6px;
    color:#24364f;
    font-size:11px;
    font-weight:850;
}

.tr66-profile-form input,
.tr66-profile-form textarea{
    width:100%;
    border:1px solid #d9e2ec;
    border-radius:11px;
    background:#fff;
    color:#10213a;
}

.tr66-profile-form input{
    height:42px;
    padding:0 12px;
}

.tr66-profile-form textarea{
    min-height:130px;
    padding:12px;
    resize:vertical;
}

.tr66-file-field input{
    height:auto;
    padding:9px;
    background:#f8fafc;
}

.tr66-file-field small{
    color:#7b8799;
    font-size:9px;
    font-weight:600;
}

.tr66-submit{
    display:flex;
    justify-content:flex-end;
}

.tr66-legal-card{
    overflow:hidden;
}

.tr66-legal-head{
    padding:18px;
    border-bottom:1px solid #e8edf3;
    background:#f8fafc;
}

.tr66-legal-head > span{
    color:#f26322;
    font-size:9px;
    font-weight:950;
    letter-spacing:.12em;
}

.tr66-legal-head h3{
    margin:5px 0 3px;
    color:#10213a;
    font-size:16px;
}

.tr66-legal-head p{
    margin:0;
    color:#64748b;
    font-size:10px;
    line-height:1.45;
}

.tr66-legal-list{
    margin:0;
    padding:5px 18px;
}

.tr66-legal-list div{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:13px 0;
    border-bottom:1px solid #edf1f5;
}

.tr66-legal-list div:last-child{
    border-bottom:0;
}

.tr66-legal-list dt{
    color:#718096;
    font-size:10px;
}

.tr66-legal-list dd{
    margin:0;
    color:#10213a;
    font-size:11px;
    font-weight:850;
    text-align:right;
}

.tr66-legal-status{
    display:inline-flex;
    padding:5px 8px;
    border-radius:999px;
    background:#e8f7ef;
    color:#166534;
    font-size:9px;
    font-weight:900;
}

.tr66-legal-note{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin:5px 14px 14px;
    padding:11px 12px;
    border-radius:11px;
    background:#fff7ed;
}

.tr66-legal-note strong{
    color:#9a3412;
    font-size:10px;
}

.tr66-legal-note span{
    color:#7c5a42;
    font-size:9px;
    line-height:1.45;
}

/* RESPONSIVE */

@media(max-width:1050px){
    .tr66-profile-layout{
        grid-template-columns:1fr;
    }

    .tr66-quote-main{
        grid-template-columns:140px minmax(160px,1fr);
    }

    .tr66-date{
        grid-column:1/-1;
    }

    .tr66-payment-card{
        grid-template-columns:42px minmax(170px,1fr) minmax(130px,.8fr) auto;
    }

    .tr66-payment-date{
        display:none;
    }

    .tr66-payment-open{
        grid-column:2/-1;
    }
}

@media(max-width:760px){
    .tr66-section{
        padding:14px;
    }

    .tr66-section-head,
    .tr66-profile-summary{
        flex-direction:column;
    }

    .tr66-profile-indicator{
        align-items:flex-start;
    }

    .tr66-quote-card{
        grid-template-columns:1fr;
    }

    .tr66-quote-main{
        grid-template-columns:1fr 1fr;
    }

    .tr66-quote-side{
        min-width:0;
        text-align:left;
    }

    .tr66-status-wrap{
        justify-content:flex-start;
    }

    .tr66-doc-grid,
    .tr66-form-grid{
        grid-template-columns:1fr;
    }

    .tr66-span-2{
        grid-column:auto;
    }

    .tr66-payment-card{
        grid-template-columns:40px 1fr;
    }

    .tr66-payment-date,
    .tr66-payment-amount,
    .tr66-payment-status,
    .tr66-payment-open{
        grid-column:2;
    }

    .tr66-submit .btn{
        width:100%;
    }
}

/* ============================================================
   FPA_V51466E3_MOBILE_BACKTOTOP
   Bouton retour haut mobile plus discret.
   ============================================================ */

@media(max-width:700px){
    #backToTop,
    .back-to-top{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;

        right:12px !important;
        bottom:calc(12px + env(safe-area-inset-bottom)) !important;

        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        font-size:22px !important;
        line-height:1 !important;

        border-radius:999px !important;
        z-index:25 !important;
    }
}

@media(max-width:430px){
    #backToTop,
    .back-to-top{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        min-height:40px !important;

        right:10px !important;
        bottom:calc(10px + env(safe-area-inset-bottom)) !important;

        font-size:20px !important;
    }
}

/* ============================================================
   FPA_V51594B_SIDEBAR_FINAL_HEIGHT_FIX
   Autorité finale dans style.css
   ============================================================ */

html.fpa-v513 .sidebar.sidebar-v5,
.sidebar.sidebar-v5{
    display:flex!important;
    flex-direction:column!important;

    box-sizing:border-box!important;

    height:100vh!important;
    height:100dvh!important;

    min-height:0!important;

    max-height:100vh!important;
    max-height:100dvh!important;

    overflow:hidden!important;

    padding-bottom:
        max(
            8px,
            env(safe-area-inset-bottom)
        )!important;
}

html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115,
.sidebar.sidebar-v5
.logo-img-link-v51115{
    flex:0 0 auto!important;
}

html.fpa-v513 .sidebar.sidebar-v5
.user-mini,
.sidebar.sidebar-v5
.user-mini{
    flex:0 0 auto!important;
}

html.fpa-v513 .sidebar.sidebar-v5
.main-nav-v5,
.sidebar.sidebar-v5
.main-nav-v5{
    display:flex!important;
    flex-direction:column!important;

    flex:1 1 0!important;

    min-height:0!important;
    height:auto!important;
    max-height:none!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    -webkit-overflow-scrolling:touch!important;

    overscroll-behavior:contain!important;

    margin:0!important;

    padding:
        0
        3px
        8px
        0!important;
}

html.fpa-v513 .sidebar.sidebar-v5
.main-nav-v5 > *,
.sidebar.sidebar-v5
.main-nav-v5 > *{
    flex:0 0 auto!important;
}

html.fpa-v513 .sidebar.sidebar-v5
form.logout-form-v5.fpa-logout-fixed-v51586,
.sidebar.sidebar-v5
form.logout-form-v5.fpa-logout-fixed-v51586{
    display:block!important;

    position:static!important;

    inset:auto!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;

    flex:0 0 auto!important;

    width:100%!important;

    box-sizing:border-box!important;

    margin:0!important;

    padding:
        6px
        0
        max(
            2px,
            env(safe-area-inset-bottom)
        )!important;

    background:#07182a!important;

    z-index:100!important;
}

html.fpa-v513 .sidebar.sidebar-v5
form.logout-form-v5.fpa-logout-fixed-v51586
button.link-btn.logout,
.sidebar.sidebar-v5
form.logout-form-v5.fpa-logout-fixed-v51586
button.link-btn.logout{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    max-width:100%!important;

    height:40px!important;
    min-height:40px!important;

    box-sizing:border-box!important;

    margin:0!important;

    padding:0 12px!important;

    border:0!important;
    border-radius:8px!important;

    background:#d81717!important;
    color:#fff!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;

    text-align:center!important;

    white-space:nowrap!important;

    overflow:visible!important;

    box-shadow:
        0 8px 20px rgba(216,23,23,.18)!important;
}

@media(max-height:800px) and (min-width:821px){

    html.fpa-v513 .sidebar.sidebar-v5,
    .sidebar.sidebar-v5{
        padding-top:7px!important;
        padding-bottom:5px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115,
    .sidebar.sidebar-v5
    .logo-img-link-v51115{
        margin-top:0!important;
        margin-bottom:6px!important;
        min-height:52px!important;
        padding-top:3px!important;
        padding-bottom:3px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115 img,
    .sidebar.sidebar-v5
    .logo-img-link-v51115 img{
        max-height:46px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .user-mini,
    .sidebar.sidebar-v5
    .user-mini{
        margin-bottom:8px!important;
        padding-top:2px!important;
        padding-bottom:8px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .main-nav-v5,
    .sidebar.sidebar-v5
    .main-nav-v5{
        padding-bottom:4px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    form.logout-form-v5.fpa-logout-fixed-v51586{
        padding-top:4px!important;
        padding-bottom:0!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    form.logout-form-v5.fpa-logout-fixed-v51586
    button.link-btn.logout{
        height:36px!important;
        min-height:36px!important;
    }
}

@media(max-width:820px){

    html.fpa-v513 .sidebar.sidebar-v5,
    .sidebar.sidebar-v5{
        height:100vh!important;
        height:100dvh!important;

        max-height:100vh!important;
        max-height:100dvh!important;

        overflow:hidden!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .main-nav-v5,
    .sidebar.sidebar-v5
    .main-nav-v5{
        flex:1 1 0!important;
        min-height:0!important;

        overflow-y:auto!important;
        overflow-x:hidden!important;

        -webkit-overflow-scrolling:touch!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    form.logout-form-v5.fpa-logout-fixed-v51586{
        position:static!important;
        flex:0 0 auto!important;

        padding-bottom:
            max(
                3px,
                env(safe-area-inset-bottom)
            )!important;
    }
}

/* ============================================================
   FPA_V51595B_SIDEBAR_LOGO_COMPACT_FINAL

   Correction finale dans style.css.
   Réduit uniquement le rectangle blanc autour du logo.
   ============================================================ */

html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115,
.sidebar.sidebar-v5
.logo-img-link-v51115{

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 auto!important;

    width:148px!important;
    max-width:148px!important;

    min-width:0!important;
    min-height:0!important;

    height:auto!important;

    align-self:center!important;

    margin:
        10px
        auto
        8px!important;

    padding:
        6px
        8px!important;

    box-sizing:border-box!important;

    background:#ffffff!important;

    border:0!important;
    border-radius:12px!important;

    box-shadow:
        0 5px 14px
        rgba(0,0,0,.10)!important;
}


/* Logo lui-même : reste lisible */
html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115 img,
.sidebar.sidebar-v5
.logo-img-link-v51115 img{

    display:block!important;

    width:auto!important;
    max-width:126px!important;

    height:auto!important;
    max-height:50px!important;

    object-fit:contain!important;

    margin:0!important;

    filter:none!important;
}


/* Petite hauteur desktop */
@media(max-height:800px) and (min-width:821px){

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115,
    .sidebar.sidebar-v5
    .logo-img-link-v51115{

        width:140px!important;
        max-width:140px!important;

        margin-top:4px!important;
        margin-bottom:6px!important;

        padding:
            5px
            7px!important;

        border-radius:11px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115 img,
    .sidebar.sidebar-v5
    .logo-img-link-v51115 img{

        max-width:120px!important;
        max-height:46px!important;
    }
}


/* Mobile */
@media(max-width:820px){

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115,
    .sidebar.sidebar-v5
    .logo-img-link-v51115{

        width:142px!important;
        max-width:142px!important;

        padding:
            6px
            8px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115 img,
    .sidebar.sidebar-v5
    .logo-img-link-v51115 img{

        max-width:122px!important;
    }
}

/* ============================================================
   FPA_V51595D_SIDEBAR_LOGO_VERTICAL_TIGHT
   Réduit uniquement le blanc au-dessus et en dessous du logo.
   Largeur horizontale conservée.
   ============================================================ */

html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115,
.sidebar.sidebar-v5
.logo-img-link-v51115{

    /* largeur conservée */
    width:148px!important;
    max-width:148px!important;

    /* côtés conservés */
    padding-left:8px!important;
    padding-right:8px!important;

    /* réduction HAUT / BAS uniquement */
    padding-top:2px!important;
    padding-bottom:2px!important;

    min-height:0!important;
    height:auto!important;

    margin-top:8px!important;
    margin-bottom:7px!important;
}

/* logo : taille conservée */
html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115 img,
.sidebar.sidebar-v5
.logo-img-link-v51115 img{
    max-width:126px!important;
    max-height:50px!important;
    width:auto!important;
    height:auto!important;
}


/* Fenêtre desktop basse */
@media(max-height:800px) and (min-width:821px){

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115,
    .sidebar.sidebar-v5
    .logo-img-link-v51115{

        width:148px!important;
        max-width:148px!important;

        padding-left:8px!important;
        padding-right:8px!important;

        padding-top:1px!important;
        padding-bottom:1px!important;

        margin-top:3px!important;
        margin-bottom:5px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115 img,
    .sidebar.sidebar-v5
    .logo-img-link-v51115 img{
        max-width:126px!important;
        max-height:46px!important;
    }
}


/* Mobile */
@media(max-width:820px){

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115,
    .sidebar.sidebar-v5
    .logo-img-link-v51115{

        width:148px!important;
        max-width:148px!important;

        padding-left:8px!important;
        padding-right:8px!important;

        padding-top:2px!important;
        padding-bottom:2px!important;
    }
}

/* ============================================================
   FPA_V51595F_LOGO_VERTICAL_FINAL

   Objectif :
   - largeur du bloc restaurée
   - taille logo restaurée
   - réduction uniquement du blanc HAUT / BAS
   ============================================================ */

html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115,
.sidebar.sidebar-v5
.logo-img-link-v51115{

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 auto!important;

    /* largeur confortable restaurée */
    width:164px!important;
    max-width:164px!important;

    /* hauteur volontairement réduite */
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;

    box-sizing:border-box!important;

    align-self:center!important;

    /* presque plus de blanc vertical ajouté */
    padding:2px 10px!important;

    margin:
        10px
        auto
        8px!important;

    overflow:hidden!important;

    background:#ffffff!important;

    border-radius:13px!important;
}


/* Logo : taille restaurée */
html.fpa-v513 .sidebar.sidebar-v5
.logo-img-link-v51115 img,
.sidebar.sidebar-v5
.logo-img-link-v51115 img{

    display:block!important;

    width:auto!important;
    max-width:140px!important;

    height:auto!important;
    max-height:48px!important;

    object-fit:contain!important;

    margin:0!important;

    padding:0!important;
}


/* Ecran desktop plus bas */
@media(max-height:800px) and (min-width:821px){

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115,
    .sidebar.sidebar-v5
    .logo-img-link-v51115{

        width:164px!important;
        max-width:164px!important;

        height:58px!important;
        min-height:58px!important;
        max-height:58px!important;

        padding:1px 10px!important;

        margin-top:4px!important;
        margin-bottom:6px!important;
    }

    html.fpa-v513 .sidebar.sidebar-v5
    .logo-img-link-v51115 img,
    .sidebar.sidebar-v5
    .logo-img-link-v51115 img{

        max-width:140px!important;
        max-height:44px!important;
    }
}

/* ============================================================
   FPA_V51625_PUBLICATION_RELIEF_FINAL

   Formulaires :
   - Envoyer un colis
   - Proposer mes kilos
   - Proposer du fret

   Objectifs :
   - vraies cartes visuelles
   - numéros dans des cercles orange
   - meilleure hiérarchie
   - relief desktop/mobile
   ============================================================ */


/* ------------------------------------------------------------
   CONTENEUR GLOBAL
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23,
.fpa-publish23{

    width:100%!important;
    max-width:1180px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    box-sizing:border-box!important;
}


/* ------------------------------------------------------------
   EN-TETE PRINCIPAL
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-head,
.fpa-publish23
.fpa-publish23-head{

    position:relative!important;

    padding:
        28px
        30px!important;

    margin-bottom:
        24px!important;

    border-radius:
        22px!important;

    overflow:hidden!important;

    background:
        linear-gradient(
            135deg,
            #071d36 0%,
            #0b2d50 56%,
            #12446f 100%
        )!important;

    border:
        1px solid
        rgba(255,255,255,.08)!important;

    box-shadow:
        0 18px 42px rgba(8,30,54,.18)!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-head::after,
.fpa-publish23
.fpa-publish23-head::after{

    content:""!important;

    position:absolute!important;

    width:190px!important;
    height:190px!important;

    right:-55px!important;
    top:-80px!important;

    border-radius:50%!important;

    background:
        rgba(255,107,26,.13)!important;

    pointer-events:none!important;
}


/* ------------------------------------------------------------
   CHAQUE ETAPE = CARTE
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-step,
.fpa-publish23
.fpa-publish23-step{

    position:relative!important;

    display:block!important;

    padding:
        26px
        26px
        28px!important;

    margin:
        0
        0
        20px!important;

    box-sizing:border-box!important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcfe 100%
        )!important;

    border:
        1px solid
        #dfe6ee!important;

    border-radius:
        20px!important;

    box-shadow:
        0 3px 7px rgba(15,43,85,.035),
        0 13px 32px rgba(15,43,85,.075)!important;
}


/* Petit accent supérieur */

html.fpa-v513 .fpa-publish23
.fpa-publish23-step::before,
.fpa-publish23
.fpa-publish23-step::before{

    content:""!important;

    position:absolute!important;

    top:0!important;
    left:24px!important;

    width:64px!important;
    height:3px!important;

    background:
        linear-gradient(
            90deg,
            #ff6b1a,
            #ef4e14
        )!important;

    border-radius:
        0 0 5px 5px!important;
}


/* ------------------------------------------------------------
   EN-TETE DE CHAQUE ETAPE
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head,
.fpa-publish23
.fpa-publish23-step-head{

    display:flex!important;

    flex-direction:row!important;

    align-items:center!important;

    gap:15px!important;

    width:100%!important;

    margin:
        0
        0
        22px!important;

    padding:0!important;

    box-sizing:border-box!important;
}


/* ------------------------------------------------------------
   CERCLE NUMEROTE
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head
.fpa-publish23-number,
.fpa-publish23
.fpa-publish23-step-head
.fpa-publish23-number{

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    position:relative!important;

    flex:
        0
        0
        44px!important;

    width:44px!important;
    height:44px!important;

    min-width:44px!important;
    min-height:44px!important;

    max-width:44px!important;
    max-height:44px!important;

    padding:0!important;
    margin:0!important;

    box-sizing:border-box!important;

    aspect-ratio:
        1 / 1!important;

    border-radius:
        50%!important;

    border:
        3px solid
        #ffffff!important;

    background:
        linear-gradient(
            145deg,
            #ff741f,
            #ef4d12
        )!important;

    color:
        #ffffff!important;

    font-size:
        15px!important;

    font-weight:
        900!important;

    line-height:
        1!important;

    text-align:
        center!important;

    text-indent:
        0!important;

    box-shadow:
        0 0 0 1px rgba(238,77,18,.15),
        0 8px 20px rgba(238,77,18,.26)!important;
}


/* Aucun pseudo-élément parasite */

html.fpa-v513 .fpa-publish23
.fpa-publish23-number::before,
html.fpa-v513 .fpa-publish23
.fpa-publish23-number::after,
.fpa-publish23
.fpa-publish23-number::before,
.fpa-publish23
.fpa-publish23-number::after{

    display:none!important;
    content:none!important;
}


/* ------------------------------------------------------------
   TITRES DES ETAPES
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head > div,
.fpa-publish23
.fpa-publish23-step-head > div{

    flex:
        1
        1
        auto!important;

    min-width:
        0!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head h3,
.fpa-publish23
.fpa-publish23-step-head h3{

    display:block!important;

    margin:
        0
        0
        4px!important;

    padding:0!important;

    color:
        #10233d!important;

    font-size:
        18px!important;

    font-weight:
        850!important;

    line-height:
        1.25!important;

    border:0!important;
}


/* Supprime ancienne barre orange devant les titres */

html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head h3::before,
html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head h3::after,
.fpa-publish23
.fpa-publish23-step-head h3::before,
.fpa-publish23
.fpa-publish23-step-head h3::after{

    display:none!important;
    content:none!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-step-head p,
.fpa-publish23
.fpa-publish23-step-head p{

    margin:0!important;
    padding:0!important;

    color:
        #6c798b!important;

    font-size:
        14px!important;

    line-height:
        1.45!important;
}


/* ------------------------------------------------------------
   GRILLES
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-grid2,
.fpa-publish23
.fpa-publish23-grid2{

    display:grid!important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        )!important;

    gap:
        18px!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-grid3,
.fpa-publish23
.fpa-publish23-grid3{

    display:grid!important;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        )!important;

    gap:
        16px!important;
}


/* ------------------------------------------------------------
   CHAMPS
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23 label,
.fpa-publish23 label{

    color:
        #18283c!important;

    font-weight:
        750!important;
}


html.fpa-v513 .fpa-publish23
input:not([type="checkbox"]):not([type="radio"]),
html.fpa-v513 .fpa-publish23 select,
html.fpa-v513 .fpa-publish23 textarea,
.fpa-publish23
input:not([type="checkbox"]):not([type="radio"]),
.fpa-publish23 select,
.fpa-publish23 textarea{

    border:
        1px solid
        #d8e1eb!important;

    background:
        #ffffff!important;

    border-radius:
        13px!important;

    box-shadow:
        0 2px 4px rgba(17,41,68,.025)!important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease!important;
}


html.fpa-v513 .fpa-publish23
input:focus,
html.fpa-v513 .fpa-publish23
select:focus,
html.fpa-v513 .fpa-publish23
textarea:focus,
.fpa-publish23 input:focus,
.fpa-publish23 select:focus,
.fpa-publish23 textarea:focus{

    border-color:
        #f56620!important;

    box-shadow:
        0 0 0 4px rgba(245,102,32,.10),
        0 5px 13px rgba(17,41,68,.05)!important;
}


/* ------------------------------------------------------------
   ZONE POIDS / DIMENSIONS
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-package-row,
html.fpa-v513 .fpa-publish23
.package-row,
.fpa-publish23
.fpa-package-row,
.fpa-publish23
.package-row{

    border-radius:
        15px!important;

    border:
        1px solid
        #e2e8f0!important;

    background:
        #f9fbfd!important;

    padding:
        16px!important;
}


/* ------------------------------------------------------------
   ZONES UPLOAD
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-upload,
.fpa-publish23
.fpa-publish23-upload{

    border:
        1px dashed
        #bfcbd9!important;

    border-radius:
        15px!important;

    padding:
        17px!important;

    background:
        linear-gradient(
            180deg,
            #fbfdff,
            #f7faff
        )!important;
}


/* ------------------------------------------------------------
   BLOC ESTIMATION
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-note,
.fpa-publish23
.fpa-publish23-note{

    padding:
        15px
        17px!important;

    margin-bottom:
        15px!important;

    border:
        1px solid
        #cfe1f7!important;

    border-radius:
        14px!important;

    background:
        linear-gradient(
            135deg,
            #f2f7fd,
            #f8fbff
        )!important;

    color:
        #29445e!important;

    box-shadow:
        inset
        4px
        0
        0
        #225c91!important;
}


/* ------------------------------------------------------------
   ETAPE FINALE
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.fpa-publish23-actions,
.fpa-publish23
.fpa-publish23-actions{

    background:
        linear-gradient(
            135deg,
            #071d36 0%,
            #0d3156 100%
        )!important;

    border-color:
        #173d62!important;

    box-shadow:
        0 16px 34px rgba(7,29,54,.16)!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-actions::before,
.fpa-publish23
.fpa-publish23-actions::before{

    background:
        #ff6b1a!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head h3,
.fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head h3{

    color:
        #ffffff!important;
}


html.fpa-v513 .fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head p,
.fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head p{

    color:
        rgba(255,255,255,.72)!important;
}


/* ------------------------------------------------------------
   BOUTONS ORANGE
   ------------------------------------------------------------ */

html.fpa-v513 .fpa-publish23
.btn.primary,
html.fpa-v513 .fpa-publish23
.btnprimary,
.fpa-publish23
.btn.primary,
.fpa-publish23
.btnprimary{

    min-height:
        48px!important;

    border-radius:
        12px!important;

    border:
        0!important;

    background:
        linear-gradient(
            90deg,
            #ff6b1a,
            #ed4b13
        )!important;

    color:
        #ffffff!important;

    font-weight:
        850!important;

    box-shadow:
        0 8px 20px rgba(237,75,19,.20)!important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:820px){

    html.fpa-v513 .fpa-publish23
    .fpa-publish23-head,
    .fpa-publish23
    .fpa-publish23-head{

        padding:
            21px
            18px!important;

        border-radius:
            17px!important;
    }


    html.fpa-v513 .fpa-publish23
    .fpa-publish23-step,
    .fpa-publish23
    .fpa-publish23-step{

        padding:
            20px
            16px
            22px!important;

        margin-bottom:
            15px!important;

        border-radius:
            17px!important;
    }


    html.fpa-v513 .fpa-publish23
    .fpa-publish23-step-head,
    .fpa-publish23
    .fpa-publish23-step-head{

        align-items:
            flex-start!important;

        gap:
            12px!important;
    }


    html.fpa-v513 .fpa-publish23
    .fpa-publish23-step-head
    .fpa-publish23-number,
    .fpa-publish23
    .fpa-publish23-step-head
    .fpa-publish23-number{

        flex-basis:
            38px!important;

        width:
            38px!important;

        height:
            38px!important;

        min-width:
            38px!important;

        min-height:
            38px!important;

        max-width:
            38px!important;

        max-height:
            38px!important;

        font-size:
            14px!important;
    }


    html.fpa-v513 .fpa-publish23
    .fpa-publish23-grid2,
    html.fpa-v513 .fpa-publish23
    .fpa-publish23-grid3,
    .fpa-publish23
    .fpa-publish23-grid2,
    .fpa-publish23
    .fpa-publish23-grid3{

        grid-template-columns:
            1fr!important;

        gap:
            13px!important;
    }
}

/* ============================================================
   FPA_V51626_PUBLISH_WIDTH_DIMENSIONS_FINAL
   - formulaire plus large
   - moins de vide latéral
   - dimensions compactes
   ============================================================ */

/* CONTENEUR GLOBAL PLUS LARGE */
html.fpa-v513 .fpa-publish23,
.fpa-publish23{
    max-width:1280px!important;
    width:calc(100% - 24px)!important;
}

/* CARTE GENERALE */
html.fpa-v513 .fpa-publish23.panel,
.fpa-publish23.panel{
    padding-left:22px!important;
    padding-right:22px!important;
}

/* ETAPES UN PEU PLUS LARGES */
html.fpa-v513 .fpa-publish23 .fpa-publish23-step,
.fpa-publish23 .fpa-publish23-step{
    padding-left:24px!important;
    padding-right:24px!important;
}

/* ============================================================
   POIDS ET DIMENSIONS
   On force les groupes de mesures sur une ligne desktop
   ============================================================ */

/* Groupes internes contenant les champs de dimensions */
html.fpa-v513 .fpa-publish23
.package-dimensions-grid,
html.fpa-v513 .fpa-publish23
.fpa-package-dimensions,
html.fpa-v513 .fpa-publish23
.package-fields,
html.fpa-v513 .fpa-publish23
.package-measures,
.fpa-publish23
.package-dimensions-grid,
.fpa-publish23
.fpa-package-dimensions,
.fpa-publish23
.package-fields,
.fpa-publish23
.package-measures{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:end!important;
}

/* Cas où les champs sont simplement des labels successifs
   à l'intérieur d'un bloc colis */
html.fpa-v513 .fpa-publish23
[class*="package"]
> label,
.fpa-publish23
[class*="package"]
> label{
    min-width:0!important;
}

/* Bloc dimensions visuellement plus compact */
html.fpa-v513 .fpa-publish23
[class*="package"]{
    row-gap:14px!important;
}

/* Réduction hauteur champs mesures */
html.fpa-v513 .fpa-publish23
[class*="package"]
input[type="number"],
.fpa-publish23
[class*="package"]
input[type="number"]{
    min-height:44px!important;
}

/* ============================================================
   TENTATIVE GENERIQUE SUR LA LIGNE LONGUEUR/LARGEUR/HAUTEUR/POIDS
   ============================================================ */

html.fpa-v513 .fpa-publish23
.fpa-package-measure-row,
html.fpa-v513 .fpa-publish23
.package-measure-row,
html.fpa-v513 .fpa-publish23
.measure-row,
.fpa-publish23
.fpa-package-measure-row,
.fpa-publish23
.package-measure-row,
.fpa-publish23
.measure-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
}

/* ============================================================
   TABLETTE
   ============================================================ */

@media(max-width:1050px){

    html.fpa-v513 .fpa-publish23,
    .fpa-publish23{
        width:calc(100% - 16px)!important;
    }

    html.fpa-v513 .fpa-publish23
    .package-dimensions-grid,
    html.fpa-v513 .fpa-publish23
    .fpa-package-dimensions,
    html.fpa-v513 .fpa-publish23
    .package-fields,
    html.fpa-v513 .fpa-publish23
    .package-measures,
    .fpa-publish23
    .package-dimensions-grid,
    .fpa-publish23
    .fpa-package-dimensions,
    .fpa-publish23
    .package-fields,
    .fpa-publish23
    .package-measures,
    html.fpa-v513 .fpa-publish23
    .fpa-package-measure-row,
    html.fpa-v513 .fpa-publish23
    .package-measure-row,
    html.fpa-v513 .fpa-publish23
    .measure-row,
    .fpa-publish23
    .fpa-package-measure-row,
    .fpa-publish23
    .package-measure-row,
    .fpa-publish23
    .measure-row{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    html.fpa-v513 .fpa-publish23,
    .fpa-publish23{
        width:100%!important;
        max-width:100%!important;
    }

    html.fpa-v513 .fpa-publish23.panel,
    .fpa-publish23.panel{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    html.fpa-v513 .fpa-publish23
    .package-dimensions-grid,
    html.fpa-v513 .fpa-publish23
    .fpa-package-dimensions,
    html.fpa-v513 .fpa-publish23
    .package-fields,
    html.fpa-v513 .fpa-publish23
    .package-measures,
    .fpa-publish23
    .package-dimensions-grid,
    .fpa-publish23
    .fpa-package-dimensions,
    .fpa-publish23
    .package-fields,
    .fpa-publish23
    .package-measures,
    html.fpa-v513 .fpa-publish23
    .fpa-package-measure-row,
    html.fpa-v513 .fpa-publish23
    .package-measure-row,
    html.fpa-v513 .fpa-publish23
    .measure-row,
    .fpa-publish23
    .fpa-package-measure-row,
    .fpa-publish23
    .package-measure-row,
    .fpa-publish23
    .measure-row{
        grid-template-columns:1fr!important;
    }
}

/* ============================================================
   FPA_V51627_PUBLISH_COMPACT_FINAL

   - header conforme
   - dimensions sur une ligne
   - réduction du scroll
   ============================================================ */


/* ============================================================
   HEADER
   ============================================================ */

html.fpa-v513
.fpa-publish23
.fpa-publish23-head,
.fpa-publish23
.fpa-publish23-head{

    min-height:0!important;

    padding:
        24px
        28px!important;

    margin-bottom:
        20px!important;

    background:
        linear-gradient(
            135deg,
            #071d36 0%,
            #0b345c 100%
        )!important;

    border-radius:
        19px!important;

    color:
        #ffffff!important;
}


/* Kicker */

html.fpa-v513
.fpa-publish23
.fpa-publish23-head
.kicker,
.fpa-publish23
.fpa-publish23-head
.kicker{

    color:
        #ff7426!important;

    font-size:
        12px!important;

    font-weight:
        900!important;

    letter-spacing:
        .09em!important;

    text-transform:
        uppercase!important;
}


/* Titre */

html.fpa-v513
.fpa-publish23
.fpa-publish23-head
h2,
.fpa-publish23
.fpa-publish23-head
h2{

    margin:
        3px
        0
        6px!important;

    padding:
        0!important;

    color:
        #ffffff!important;

    font-size:
        27px!important;

    font-weight:
        850!important;

    line-height:
        1.15!important;

    text-shadow:
        none!important;
}


/* Description */

html.fpa-v513
.fpa-publish23
.fpa-publish23-head
p,
.fpa-publish23
.fpa-publish23-head
p{

    margin:
        0!important;

    color:
        rgba(
            255,
            255,
            255,
            .78
        )!important;

    font-size:
        14px!important;

    line-height:
        1.45!important;

    max-width:
        790px!important;
}


/* ============================================================
   BLOC 3 PLUS COMPACT
   ============================================================ */

html.fpa-v513
.fpa-step-dimensions-v51627,
.fpa-step-dimensions-v51627{

    padding-bottom:
        21px!important;
}


/* Titre du bloc */

html.fpa-v513
.fpa-step-dimensions-v51627
.fpa-publish23-step-head,
.fpa-step-dimensions-v51627
.fpa-publish23-step-head{

    margin-bottom:
        15px!important;
}


/* Nombre de colis / Mode poids */

html.fpa-v513
.fpa-step-dimensions-v51627
.grid.two,
.fpa-step-dimensions-v51627
.grid.two{

    gap:
        12px!important;

    margin-bottom:
        10px!important;
}


/* Checkbox mêmes dimensions */

html.fpa-v513
.fpa-step-dimensions-v51627
.check,
.fpa-step-dimensions-v51627
.check{

    margin:
        8px
        0
        10px!important;

    padding:
        10px
        13px!important;

    min-height:
        auto!important;
}


/* ============================================================
   LES 4 MESURES SUR UNE SEULE LIGNE
   ============================================================ */

html.fpa-v513
.fpa-dimensions-row-v51627,
.fpa-dimensions-row-v51627{

    display:grid!important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        )!important;

    gap:
        12px!important;

    align-items:
        end!important;

    width:
        100%!important;

    margin:
        12px
        0
        0!important;

    padding:
        0!important;
}


/* Chaque champ */

html.fpa-v513
.fpa-dimensions-row-v51627
label,
.fpa-dimensions-row-v51627
label{

    display:grid!important;

    grid-template-columns:
        1fr!important;

    gap:
        6px!important;

    margin:
        0!important;

    min-width:
        0!important;

    padding:
        0!important;
}


/* Inputs dimensions */

html.fpa-v513
.fpa-dimensions-row-v51627
input,
.fpa-dimensions-row-v51627
input{

    width:
        100%!important;

    min-width:
        0!important;

    min-height:
        43px!important;

    height:
        43px!important;

    margin:
        0!important;
}


/* Texte "Dimensions d’un colis..." */

html.fpa-v513
.fpa-step-dimensions-v51627
p.muted,
.fpa-step-dimensions-v51627
p.muted{

    margin:
        8px
        0
        5px!important;
}


/* Eléments réellement vides */

.fpa-empty-v51627{

    display:none!important;
}


/* ============================================================
   REDUIRE ENCORE LE SCROLL GLOBAL
   ============================================================ */

html.fpa-v513
.fpa-publish23
.fpa-publish23-step,
.fpa-publish23
.fpa-publish23-step{

    margin-bottom:
        16px!important;
}


html.fpa-v513
.fpa-publish23
.fpa-publish23-step{

    padding-top:
        22px!important;

    padding-bottom:
        22px!important;
}


/* ============================================================
   TABLETTE
   ============================================================ */

@media(
    max-width:1050px
){

    html.fpa-v513
    .fpa-dimensions-row-v51627,
    .fpa-dimensions-row-v51627{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )!important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(
    max-width:650px
){

    html.fpa-v513
    .fpa-dimensions-row-v51627,
    .fpa-dimensions-row-v51627{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )!important;

        gap:
            10px!important;
    }


    html.fpa-v513
    .fpa-publish23
    .fpa-publish23-head,
    .fpa-publish23
    .fpa-publish23-head{

        padding:
            19px
            17px!important;
    }


    html.fpa-v513
    .fpa-publish23
    .fpa-publish23-head
    h2,
    .fpa-publish23
    .fpa-publish23-head
    h2{

        font-size:
            23px!important;
    }

}

/* ============================================================
   FPA_V51628_PARCEL_COMPACT_FINAL
   ============================================================ */

/* Le composant dimensions devient plus compact */

#parcelPackageBlockV51628{
    margin-top:6px!important;
}


/* Longueur | Largeur | Hauteur | Poids */

#parcelPackageBlockV51628
.parcel-dimensions-row-v51628{

    display:grid!important;

    grid-template-columns:
        repeat(4,minmax(0,1fr))!important;

    gap:12px!important;

    width:100%!important;

    margin:
        10px
        0
        0!important;

    padding:0!important;

    align-items:end!important;
}


#parcelPackageBlockV51628
.parcel-dimensions-row-v51628
label{

    display:grid!important;

    grid-template-columns:
        minmax(0,1fr)!important;

    gap:5px!important;

    min-width:0!important;

    width:100%!important;

    margin:0!important;

    padding:0!important;
}


#parcelPackageBlockV51628
.parcel-dimensions-row-v51628
input{

    width:100%!important;

    min-width:0!important;

    height:43px!important;

    min-height:43px!important;

    margin:0!important;
}


/* Bloc 3 plus court */

.fpa-publish23-step:has(
    #parcelPackageBlockV51628
){

    padding-top:20px!important;
    padding-bottom:20px!important;
}


.fpa-publish23-step:has(
    #parcelPackageBlockV51628
)
.fpa-publish23-step-head{

    margin-bottom:12px!important;
}


/* Réduire les espaces internes du composant */

#parcelPackageBlockV51628
.grid.two{

    margin-bottom:8px!important;

    gap:12px!important;
}


#parcelPackageBlockV51628
.check{

    margin:
        7px
        0
        8px!important;

    padding:
        9px
        12px!important;
}


/* Texte d'aide */

#parcelPackageBlockV51628
.muted{

    margin-top:6px!important;
    margin-bottom:6px!important;
}


/* TABLETTE */

@media(max-width:950px){

    #parcelPackageBlockV51628
    .parcel-dimensions-row-v51628{

        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

}


/* MOBILE */

@media(max-width:600px){

    #parcelPackageBlockV51628
    .parcel-dimensions-row-v51628{

        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:9px!important;
    }

}

/* ============================================================
   FPA_V51629_PACKAGE_DIMENSIONS_SOURCE_FINAL
   Structure produite directement par lib/bootstrap.php
   ============================================================ */

.package-identical-v51112
.package-identical-grid-v51629{

    display:grid!important;

    grid-template-columns:
        repeat(4,minmax(0,1fr))!important;

    gap:12px!important;

    align-items:end!important;

    width:100%!important;

    margin-top:8px!important;
}


.package-identical-v51112
.package-identical-grid-v51629
label{

    display:grid!important;

    grid-template-columns:1fr!important;

    gap:5px!important;

    min-width:0!important;

    margin:0!important;
}


.package-identical-v51112
.package-identical-grid-v51629
input{

    width:100%!important;

    min-width:0!important;

    height:43px!important;

    min-height:43px!important;

    margin:0!important;
}


/* Réduire le vide autour des dimensions */

.package-identical-v51112{

    padding-top:12px!important;

    padding-bottom:12px!important;
}


.package-identical-v51112 > p.muted{

    margin:
        0
        0
        7px!important;
}


/* Tablette */

@media(max-width:950px){

    .package-identical-v51112
    .package-identical-grid-v51629{

        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}


/* Mobile */

@media(max-width:600px){

    .package-identical-v51112
    .package-identical-grid-v51629{

        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;

        gap:9px!important;
    }
}

/* ============================================================
   FPA_V51631_PROPOSITION_LIGHT_FINAL
   Etape 7 alignée visuellement sur les autres cartes
   ============================================================ */

/* Carte principale blanche */
html.fpa-v513 .fpa-publish23
.fpa-publish23-actions,
.fpa-publish23
.fpa-publish23-actions{

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcfe 100%
        )!important;

    border:
        1px solid
        #dfe6ee!important;

    color:
        #10233d!important;

    box-shadow:
        0 3px 7px rgba(15,43,85,.035),
        0 13px 32px rgba(15,43,85,.075)!important;
}


/* Accent orange supérieur conservé */
html.fpa-v513 .fpa-publish23
.fpa-publish23-actions::before,
.fpa-publish23
.fpa-publish23-actions::before{

    background:
        linear-gradient(
            90deg,
            #ff6b1a,
            #ef4e14
        )!important;
}


/* Titre sombre comme les autres étapes */
html.fpa-v513 .fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head h3,
.fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head h3{

    color:
        #10233d!important;
}


/* Sous-texte */
html.fpa-v513 .fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head p,
.fpa-publish23
.fpa-publish23-actions
.fpa-publish23-step-head p{

    color:
        #6c798b!important;
}


/* Bloc montant proposé */
html.fpa-v513 .fpa-publish23
#parcelProposedPriceWrapV51211,
.fpa-publish23
#parcelProposedPriceWrapV51211{

    padding:
        16px!important;

    margin-top:
        4px!important;

    border:
        1px solid
        #e3e8ef!important;

    border-radius:
        14px!important;

    background:
        #fffaf7!important;

    box-shadow:
        none!important;
}


/* Confirmation */
html.fpa-v513 .fpa-publish23
#parcelConfirmWrapV51208,
.fpa-publish23
#parcelConfirmWrapV51208{

    margin-top:
        10px!important;

    padding:
        13px
        15px!important;

    border:
        1px solid
        #dfe6ee!important;

    border-radius:
        13px!important;

    background:
        #f7f9fc!important;

    color:
        #18283c!important;
}


/* Case à cocher */
html.fpa-v513 .fpa-publish23
#parcelConfirmWrapV51208 input,
.fpa-publish23
#parcelConfirmWrapV51208 input{

    accent-color:
        #f35a16!important;
}


/* Bouton final */
html.fpa-v513 .fpa-publish23
#parcelSubmitV51208,
.fpa-publish23
#parcelSubmitV51208{

    width:auto!important;

    min-width:
        210px!important;

    margin-top:
        12px!important;

    padding:
        0
        20px!important;

    align-self:
        flex-start!important;

    box-shadow:
        0 8px 20px rgba(237,75,19,.18)!important;
}


/* Mobile */
@media(max-width:650px){

    html.fpa-v513 .fpa-publish23
    #parcelSubmitV51208,
    .fpa-publish23
    #parcelSubmitV51208{

        width:
            100%!important;

        min-width:
            0!important;
    }

}


/* ============================================================
   FPA_V51669_TRANSITAIRE_REGISTER_STYLE
   Inscription Transitaire
   ============================================================ */

.fpa-transitaire-register-v51669{
    counter-reset:fpa-tr-step;
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    width:100% !important;
    padding:18px !important;
    box-sizing:border-box !important;
    background:#f7f9fc !important;
    border:1px solid #e2e8f0 !important;
    border-radius:20px !important;
}

/*
Chaque H2 du formulaire devient visuellement
le début d'une nouvelle phase.
*/
.fpa-transitaire-register-v51669 > h2{
    counter-increment:fpa-tr-step;
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:64px !important;
    margin:8px 0 0 !important;
    padding:18px 20px 18px 78px !important;

    background:#ffffff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px 18px 0 0 !important;

    color:#10233d !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:900 !important;

    box-shadow:0 7px 20px rgba(15,39,72,.045) !important;
}

.fpa-transitaire-register-v51669 > h2::before{
    content:counter(fpa-tr-step) !important;

    position:absolute !important;
    left:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;
    background:#ff641e !important;
    color:#ffffff !important;

    font-size:17px !important;
    font-weight:900 !important;

    box-shadow:0 5px 14px rgba(255,100,30,.24) !important;
    border:3px solid #ffffff !important;
    outline:1px solid rgba(255,100,30,.24) !important;
}

.fpa-transitaire-register-v51669 > h2::after{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:20px !important;
    width:58px !important;
    height:3px !important;
    background:#ff641e !important;
    border-radius:0 0 4px 4px !important;
}

/*
Les blocs qui suivent les titres deviennent
les contenus de phase.
*/
.fpa-transitaire-register-v51669 > h2 + .tr-form-grid,
.fpa-transitaire-register-v51669 > h2 + label,
.fpa-transitaire-register-v51669 > h2 + .tr-services,
.fpa-transitaire-register-v51669 > h2 + div{
    margin-top:-1px !important;
}

/* Grilles */
.fpa-transitaire-register-v51669 .tr-form-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:18px 20px !important;

    padding:22px !important;
    margin-bottom:2px !important;

    background:#ffffff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:0 0 18px 18px !important;

    box-shadow:0 7px 20px rgba(15,39,72,.035) !important;
}

/* Labels */
.fpa-transitaire-register-v51669 label{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin:0 !important;

    color:#10233d !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}

.fpa-transitaire-register-v51669 label small,
.fpa-transitaire-register-v51669 .tr-muted{
    color:#778498 !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:600 !important;
}

/* Champs */
.fpa-transitaire-register-v51669
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),

.fpa-transitaire-register-v51669 select,

.fpa-transitaire-register-v51669 textarea{
    width:100% !important;
    box-sizing:border-box !important;

    border:1px solid #d8e1ec !important;
    border-radius:13px !important;

    background:#ffffff !important;
    color:#10233d !important;

    font-size:15px !important;
    font-weight:700 !important;

    outline:none !important;
    box-shadow:none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease
        !important;
}

.fpa-transitaire-register-v51669
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),

.fpa-transitaire-register-v51669 select{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    padding:0 16px !important;
}

.fpa-transitaire-register-v51669 textarea{
    min-height:120px !important;
    padding:14px 16px !important;
    resize:vertical !important;
}

/* Focus orange */
.fpa-transitaire-register-v51669
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,

.fpa-transitaire-register-v51669 select:focus,

.fpa-transitaire-register-v51669 textarea:focus,

.fpa-transitaire-register-v51669
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus-visible,

.fpa-transitaire-register-v51669 select:focus-visible,

.fpa-transitaire-register-v51669 textarea:focus-visible{
    border-color:#ff641e !important;
    outline:none !important;
    box-shadow:
        0 0 0 3px rgba(255,100,30,.14),
        0 4px 12px rgba(255,100,30,.06)
        !important;
}

/* Fichiers */
.fpa-transitaire-register-v51669 input[type="file"]{
    width:100% !important;
    min-height:54px !important;
    padding:8px !important;

    box-sizing:border-box !important;

    background:#ffffff !important;
    border:1px dashed #cfd9e5 !important;
    border-radius:13px !important;

    color:#526177 !important;
}

.fpa-transitaire-register-v51669
input[type="file"]::file-selector-button{
    min-height:36px !important;
    margin-right:10px !important;
    padding:0 14px !important;

    border:0 !important;
    border-radius:9px !important;

    background:#eef2f7 !important;
    color:#10233d !important;

    font-weight:800 !important;
    cursor:pointer !important;
}

/* Checkbox services */
.fpa-transitaire-register-v51669 input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
    accent-color:#ff641e !important;
}

/* Bouton principal */
.fpa-transitaire-register-v51669 > button,
.fpa-transitaire-register-v51669 .btn.primary{
    min-height:48px !important;
    border-radius:12px !important;
    padding:0 22px !important;
    font-weight:900 !important;
}

/* Mobile */
@media(max-width:820px){

    .fpa-transitaire-register-v51669{
        padding:12px !important;
        gap:14px !important;
    }

    .fpa-transitaire-register-v51669 > h2{
        min-height:60px !important;
        padding:16px 14px 16px 68px !important;
        font-size:17px !important;
    }

    .fpa-transitaire-register-v51669 > h2::before{
        left:14px !important;
        width:40px !important;
        height:40px !important;
    }

    .fpa-transitaire-register-v51669 > h2::after{
        left:14px !important;
    }

    .fpa-transitaire-register-v51669 .tr-form-grid{
        grid-template-columns:1fr !important;
        gap:15px !important;
        padding:16px 14px !important;
    }

    .fpa-transitaire-register-v51669
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),

    .fpa-transitaire-register-v51669 select{
        height:52px !important;
        min-height:52px !important;
        max-height:52px !important;
    }
}


/* ============================================================
   FPA_V51680_PUBLISH_PARCEL_UNIFIED_STYLE

   IMPORTANT :
   Le rendu du module Envoyer un colis ne dépend plus
   du rôle Particulier / GP / Professionnel / Transitaire.
   ============================================================ */

/* Tous les labels du formulaire */
body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
.fpa-publish-field-v51680{
    min-width:0 !important;
}

/* ------------------------------------------------------------
   INPUTS TEXTE / NUMBER / DATE / ETC.
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
input:not([type="checkbox"])
     :not([type="radio"])
     :not([type="file"])
     :not([type="hidden"]){
    width:100% !important;

    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;

    box-sizing:border-box !important;

    margin:0 !important;
    padding:0 15px !important;

    border:1px solid #d7e0ea !important;
    border-radius:12px !important;

    background:#ffffff !important;
    color:#10233d !important;

    font-family:inherit !important;
    font-size:14px !important;
    line-height:normal !important;
    font-weight:700 !important;

    outline:none !important;
}

/*
 * Même règle, sans espaces dans :not(),
 * pour compatibilité navigateur stricte.
 */
body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]){
    width:100% !important;

    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;

    box-sizing:border-box !important;

    margin:0 !important;
    padding:0 15px !important;

    border:1px solid #d7e0ea !important;
    border-radius:12px !important;

    background:#ffffff !important;
    color:#10233d !important;

    font-family:inherit !important;
    font-size:14px !important;
    line-height:normal !important;
    font-weight:700 !important;

    outline:none !important;
}

/* ------------------------------------------------------------
   SELECT :
   Pays / Mode de transport / Devise / Mode de poids
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
select{
    display:block !important;

    width:100% !important;

    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;

    block-size:52px !important;
    min-block-size:52px !important;
    max-block-size:52px !important;

    box-sizing:border-box !important;

    margin:0 !important;
    padding:0 40px 0 15px !important;

    border:1px solid #d7e0ea !important;
    border-radius:12px !important;

    background-color:#ffffff !important;
    color:#10233d !important;

    font-family:inherit !important;
    font-size:14px !important;
    line-height:normal !important;
    font-weight:700 !important;

    vertical-align:middle !important;

    outline:none !important;
    box-shadow:none !important;

    cursor:pointer !important;
}

/* ------------------------------------------------------------
   CHAMPS VILLE DESACTIVES
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
input:disabled,

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
select:disabled{
    opacity:1 !important;

    background:#f8fafc !important;
    color:#7b8797 !important;

    cursor:not-allowed !important;
}

/* ------------------------------------------------------------
   TEXTAREA
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
textarea{
    width:100% !important;

    box-sizing:border-box !important;

    border:1px solid #d7e0ea !important;
    border-radius:12px !important;

    background:#ffffff !important;
    color:#10233d !important;

    font-family:inherit !important;

    outline:none !important;
}

/* ------------------------------------------------------------
   FOCUS ORANGE COMMUN
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):focus,

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
select:focus,

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
textarea:focus{
    border-color:#ff641e !important;

    outline:none !important;

    box-shadow:
        0 0 0 3px rgba(255,100,30,.13)
        !important;
}

/* ------------------------------------------------------------
   CHECKBOX
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
input[type="checkbox"]{
    accent-color:#ff641e !important;
}

/* ------------------------------------------------------------
   NE JAMAIS TOUCHER AUX DROPZONES / FILES
   ------------------------------------------------------------ */

body.fpa-publish-parcel-page-v51680
.fpa-publish-parcel-form-v51680
input[type="file"]{
    height:auto;
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media(max-width:820px){

    body.fpa-publish-parcel-page-v51680
    .fpa-publish-parcel-form-v51680
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),

    body.fpa-publish-parcel-page-v51680
    .fpa-publish-parcel-form-v51680
    select{
        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;

        block-size:50px !important;
        min-block-size:50px !important;
        max-block-size:50px !important;
    }
}

/* =========================================================
   FPA_V51684_PUBLIC_PUBLISHER_COMPACT_STYLE
   ========================================================= */

.listing-card-body-v51202
.public-publisher-v51684{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    margin:12px 0 10px;
    padding-top:10px;
    border-top:1px solid #edf1f5;
}

.public-publisher-avatar-v51684{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:50%;
    object-fit:cover;
    border:1px solid #e2e8f0;
    background:#f1f5f9;
}

.public-publisher-placeholder-v51684{
    display:grid;
    place-items:center;
    color:#0f2740;
    font-size:12px;
    font-weight:900;
}

.public-publisher-copy-v51684{
    min-width:0;
    line-height:1.15;
}

.public-publisher-copy-v51684 strong{
    display:block;
    max-width:190px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#111827;
    font-size:11.5px;
    font-weight:900;
}

.public-publisher-copy-v51684 span{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:9.8px;
    font-weight:700;
}

.public-publisher-copy-v51684 i{
    margin:0 2px;
    font-style:normal;
}

.public-publisher-copy-v51684 b{
    color:#11845d;
    font-weight:900;
}

/*
 * Le publieur reste compact :
 * on conserve les 3 cartes par ligne.
 */
.listing-grid-compact-v51202{
    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;
}

@media(max-width:1180px){

    .listing-grid-compact-v51202{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:720px){

    .listing-grid-compact-v51202{
        grid-template-columns:
            1fr !important;
    }

    .public-publisher-avatar-v51684{
        width:32px;
        height:32px;
        flex-basis:32px;
    }

    .public-publisher-copy-v51684 strong{
        max-width:220px;
    }
}


/* FPA_V51690E_CITY_NATIVE_FORM_STYLE */

/*
 * IMPORTANT :
 * Aucun style de hauteur, padding, bordure ou rayon
 * n'est imposé au champ Ville.
 *
 * L'INPUT bénéficie directement des règles natives
 * .fpa-publish23 input déjà utilisées par le formulaire.
 *
 * Ce bloc ne gère que le conteneur et la liste
 * d'autocomplétion.
 */

.fpa-city-autocomplete-v51690b{
    position:relative;
    width:100%;
    min-width:0;
}

/*
 * Ne pas recréer le design de l'INPUT.
 * Seulement garantir qu'il occupe sa colonne.
 */
.fpa-city-autocomplete-v51690b > input{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
}

.fpa-city-autocomplete-v51690b > input:disabled{
    opacity:1;
    cursor:not-allowed;
}

/* Suggestions de villes */
.fpa-city-results-v51690b{
    position:absolute;
    z-index:9999;

    top:calc(100% + 5px);
    left:0;
    right:0;

    max-height:260px;
    overflow:auto;

    padding:5px;

    background:#fff;

    border:
        1px solid
        #d8e1eb;

    border-radius:13px;

    box-shadow:
        0 12px 30px
        rgba(15,23,42,.12);
}

.fpa-city-result-v51690b{
    display:block;
    width:100%;

    padding:9px 11px;

    border:0;
    border-radius:9px;

    background:#fff;

    text-align:left;
    font:inherit;

    cursor:pointer;
}

.fpa-city-result-v51690b:hover,
.fpa-city-result-v51690b:focus{
    background:#f4f7fb;
}


/* FPA_V51690F_PUBLISH_FIELDS_HOMOGENEOUS */

/*
 * Un seul design pour les champs de publication :
 * Pays / Ville / Date / Kilos / Prix / Devise.
 */

html.fpa-v513 .fpa-publish23
input:not([type="checkbox"]):not([type="radio"]),

html.fpa-v513 .fpa-publish23
select,

.fpa-publish23
input:not([type="checkbox"]):not([type="radio"]),

.fpa-publish23
select{

    width:100%!important;
    height:48px!important;
    min-height:48px!important;

    padding:
        0 14px!important;

    border:
        1px solid
        #d8e1eb!important;

    border-radius:
        13px!important;

    background:
        #ffffff!important;

    box-shadow:
        0 2px 4px
        rgba(17,41,68,.025)!important;

    box-sizing:
        border-box!important;

    font:inherit!important;
}

/*
 * Les SELECT gardent leur flèche native,
 * mais plus leur ancien format compact.
 */
html.fpa-v513 .fpa-publish23 select,
.fpa-publish23 select{

    appearance:auto;
    -webkit-appearance:auto;

    padding-left:
        14px!important;

    padding-right:
        14px!important;
}

/*
 * Champ désactivé :
 * même forme, seule la couleur indique l'état.
 */
html.fpa-v513 .fpa-publish23
input:disabled,

.fpa-publish23
input:disabled{

    opacity:1!important;
    background:#ffffff!important;
    color:#98a2b3!important;
}

/* FPA_V51692O_SIMULATOR_REAL_ASSETS */
/*
 * FPA_V51692N_SIMULATOR_123
 * Refonte visuelle uniquement du simulateur.
 */

.fpa-sim123-shell{
    width:min(1120px,100%);
    margin:0 auto;
}

.fpa-sim123-progress{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:center;
    gap:10px;
    margin:0 0 22px;
    padding:16px 18px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:20px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.fpa-sim123-step{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:#8795a8;
    font-weight:900;
}

.fpa-sim123-step i{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e7edf4;
    color:#617086;
    font-style:normal;
    font-size:14px;
    font-weight:950;
}

.fpa-sim123-step strong{
    font-size:14px;
    line-height:1.2;
}

.fpa-sim123-step.is-active{
    color:#10233f;
}

.fpa-sim123-step.is-active i{
    background:#ff641e;
    color:#fff;
}

.fpa-sim123-step.is-done{
    color:#10233f;
}

.fpa-sim123-step.is-done i{
    background:#102a4b;
    color:#fff;
}

.fpa-sim123-stage{
    display:none !important;
}

.fpa-sim123-stage.is-active{
    display:block !important;
}

.fpa-sim123-stage3.is-active{
    display:block !important;
}

.fpa-sim123-nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:20px;
    padding-top:16px;
    border-top:1px solid #e5eaf0;
}

.fpa-sim123-btn{
    min-height:46px;
    padding:0 20px;
    border-radius:13px;
    border:1px solid #d7e0ea;
    background:#fff;
    color:#10233f;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}

.fpa-sim123-btn.primary{
    margin-left:auto;
    border-color:#ff641e;
    background:#ff641e;
    color:#fff;
    box-shadow:0 8px 20px rgba(255,100,30,.20);
}

.fpa-sim123-btn:hover{
    transform:translateY(-1px);
}

.fpa-sim123-stage-title{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-bottom:18px;
}

.fpa-sim123-stage-title i{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#ff641e;
    color:#fff;
    font-style:normal;
    font-weight:950;
}

.fpa-sim123-stage-title h2{
    margin:0 0 4px !important;
    color:#10233f;
    font-size:22px;
}

.fpa-sim123-stage-title p{
    margin:0;
    color:#64748b;
    font-size:14px;
}

.fpa-sim123-result-wrap{
    width:100%;
}

.fpa-sim123-result-wrap > *{
    width:100% !important;
    max-width:none !important;
}

.fpa-sim123-stage3 .fpa-sim123-result-wrap{
    margin-top:8px;
}

@media(max-width:700px){

    .fpa-sim123-progress{
        gap:6px;
        padding:12px;
    }

    .fpa-sim123-step{
        gap:6px;
    }

    .fpa-sim123-step i{
        width:30px;
        height:30px;
        flex-basis:30px;
        font-size:12px;
    }

    .fpa-sim123-step strong{
        font-size:11px;
    }

    .fpa-sim123-nav{
        gap:8px;
    }

    .fpa-sim123-btn{
        min-height:44px;
        padding:0 14px;
    }
}

/*
 * FPA_V51692P_SIMULATOR_REAL_DOM
 */

.fpa-sim-p-progress{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:0 0 18px;
    padding:15px 18px;
    background:#fff;
    border:1px solid #dfe6ee;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.fpa-sim-p-progress-item{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    color:#8794a6;
    font-weight:900;
}

.fpa-sim-p-progress-item span{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#e7edf3;
    color:#66768a;
    font-size:13px;
}

.fpa-sim-p-progress-item.is-active{
    color:#10233f;
}

.fpa-sim-p-progress-item.is-active span{
    background:#ff641e;
    color:#fff;
}

.fpa-sim-p-progress-item.is-done{
    color:#10233f;
}

.fpa-sim-p-progress-item.is-done span{
    background:#102a4b;
    color:#fff;
}

.fpa-sim-p-hidden{
    display:none !important;
}

.fpa-sim-p-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:20px;
    padding-top:16px;
    border-top:1px solid #e4e9ef;
}

.fpa-sim-p-nav button{
    min-height:46px;
    padding:0 20px;
    border:1px solid #d8e0e8;
    border-radius:13px;
    background:#fff;
    color:#10233f;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}

.fpa-sim-p-nav .fpa-sim-p-next{
    margin-left:auto;
    background:#ff641e;
    border-color:#ff641e;
    color:#fff;
    box-shadow:0 8px 20px rgba(255,100,30,.18);
}

#simulateur-cout.fpa-sim-p-result-mode{
    grid-template-columns:1fr !important;
}

#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5{
    width:100% !important;
    max-width:none !important;
}

@media(max-width:700px){

    .fpa-sim-p-progress{
        gap:5px;
        padding:11px;
    }

    .fpa-sim-p-progress-item{
        gap:5px;
        font-size:11px;
    }

    .fpa-sim-p-progress-item span{
        width:28px;
        height:28px;
        flex-basis:28px;
    }

    .fpa-sim-p-nav button{
        padding:0 14px;
    }
}

/*
 * FPA_V51692Q_SIMULATOR_REGISTRATION_UI
 *
 * Présentation proche des parcours inscription/publication.
 * Aucun calcul / champ / POST / Pays-Ville modifié.
 */


/* ==========================================================
   CONTENEUR GENERAL
   ========================================================== */

.simulator-page-v5 #simulateur-cout{
    display:block !important;
    width:100%;
    max-width:1180px;
    margin:0 auto;
}

.simulator-page-v5
form[data-public-simulator-v5]{
    width:100%;
    max-width:none;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* ==========================================================
   BARRE ETAPES
   ========================================================== */

.simulator-page-v5 .fpa-sim-p-progress{
    width:100%;
    max-width:1180px;
    margin:22px auto 18px;
    padding:18px 22px;
    min-height:74px;

    border:1px solid #dfe6ee;
    border-radius:20px;

    background:#fff;
    box-shadow:
        0 8px 28px rgba(15,35,63,.055);

    align-items:center;
}

.simulator-page-v5
.fpa-sim-p-progress-item{
    min-height:38px;
    font-size:15px;
}

.simulator-page-v5
.fpa-sim-p-progress-item span{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:14px;
}

.simulator-page-v5
.fpa-sim-p-progress-item strong{
    font-size:15px;
    font-weight:900;
}


/* ==========================================================
   GRAND BLOC ETAPE
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5{
    width:100%;
    min-height:330px;

    margin:0 !important;
    padding:30px 32px !important;

    border:1px solid #dfe6ee !important;
    border-radius:20px !important;

    background:#fff !important;

    box-shadow:
        0 8px 28px rgba(15,35,63,.05) !important;
}


/* Étape 2 : deux sections distinctes mais homogènes */
.simulator-page-v5
.simulator-fieldset-v5
+ .simulator-fieldset-v5{
    margin-top:18px !important;
}


/* ==========================================================
   TITRES
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5 > h2{
    position:relative;

    margin:0 0 8px !important;
    padding-left:18px;

    color:#10233f;
    font-size:22px !important;
    line-height:1.25;
    font-weight:950;
}

.simulator-page-v5
.simulator-fieldset-v5 > h2::before{
    content:"";

    position:absolute;
    left:0;
    top:3px;

    width:4px;
    height:25px;

    border-radius:10px;
    background:#ff641e;
}

.simulator-page-v5
.simulator-fieldset-v5 > .muted{
    margin:0 0 24px !important;
    color:#64748b;
    font-size:14px;
    line-height:1.45;
}


/* ==========================================================
   GRILLES
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5 .grid.two{
    display:grid !important;
    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:22px 24px !important;

    margin:0 0 22px !important;
}


/* ==========================================================
   LABELS
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5 label{
    display:flex !important;
    flex-direction:column;
    gap:8px;

    margin:0 !important;

    color:#172033;
    font-size:14px;
    font-weight:850;
}


/* ==========================================================
   INPUTS / SELECTS
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5 input:not([type="checkbox"]):not([type="radio"]),
.simulator-page-v5
.simulator-fieldset-v5 select,
.simulator-page-v5
.simulator-fieldset-v5 textarea{
    width:100% !important;
    min-height:52px !important;

    padding:0 15px !important;

    border:1px solid #d8e1eb !important;
    border-radius:12px !important;

    background:#fff !important;

    color:#152238 !important;

    font-size:15px !important;
    font-weight:700 !important;

    box-shadow:none !important;
}

.simulator-page-v5
.simulator-fieldset-v5 input:focus,
.simulator-page-v5
.simulator-fieldset-v5 select:focus,
.simulator-page-v5
.simulator-fieldset-v5 textarea:focus{
    outline:none !important;

    border-color:#ff641e !important;

    box-shadow:
        0 0 0 3px rgba(255,100,30,.10)
        !important;
}


/* ==========================================================
   PACKAGE BUILDER
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5
.package-builder,
.simulator-page-v5
.simulator-fieldset-v5
[class*="package"]{
    max-width:100%;
}

.simulator-page-v5
.simulator-fieldset-v5
.sim-live-v5{
    margin-top:20px !important;
    padding:15px 16px !important;

    min-height:50px;

    border-radius:12px !important;

    font-size:13px;
    line-height:1.45;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.simulator-page-v5
.fpa-sim-p-nav{
    margin-top:28px;
    padding-top:22px;

    border-top:1px solid #e3e9ef;
}

.simulator-page-v5
.fpa-sim-p-nav button{
    min-width:132px;
    min-height:48px;

    padding:0 20px;

    border-radius:13px;

    font-size:14px;
    font-weight:900;
}

.simulator-page-v5
.fpa-sim-p-nav
.fpa-sim-p-next{
    min-width:150px;

    background:#ff641e;
    border-color:#ff641e;
}


/* ==========================================================
   ANCIEN BOUTON SIMULER : TOUJOURS MASQUE
   ========================================================== */

.simulator-page-v5
.home-sim-submit-v4427{
    display:none !important;
}


/* ==========================================================
   RESULTAT
   ========================================================== */

/*
 * La carte résultat ne doit JAMAIS rester à droite
 * pendant les étapes 1 et 2.
 */
.simulator-page-v5
#simulateur-cout:not(.fpa-sim-p-result-mode)
.simulator-result-card-v5{
    display:none !important;
}


/*
 * Étape 3 : véritable grande carte pleine largeur.
 */
.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    min-height:360px;

    padding:0 0 28px !important;

    border:1px solid #dfe6ee;
    border-radius:20px;

    overflow:hidden;

    background:#fff;

    box-shadow:
        0 8px 28px rgba(15,35,63,.055);
}

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5 > h2{
    margin:0 !important;
    padding:20px 26px !important;

    background:#0d3d6a;

    color:#fff;

    font-size:20px !important;
    font-weight:950;
}

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5 > *:not(h2){
    margin-left:26px;
    margin-right:26px;
}


/* ==========================================================
   NOTE A RETENIR
   ========================================================== */

.simulator-page-v5
.simulator-required-note-v5{
    margin-top:18px !important;
    padding:18px 20px !important;

    border:1px solid #d8e5f2;
    border-radius:16px !important;

    background:#f6faff;

    color:#40536b;

    line-height:1.55;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:760px){

    .simulator-page-v5
    .fpa-sim-p-progress{
        padding:13px 12px;
        min-height:64px;
    }

    .simulator-page-v5
    .fpa-sim-p-progress-item{
        gap:6px;
        font-size:11px;
    }

    .simulator-page-v5
    .fpa-sim-p-progress-item strong{
        font-size:11px;
    }

    .simulator-page-v5
    .fpa-sim-p-progress-item span{
        width:30px;
        height:30px;
        flex-basis:30px;
    }

    .simulator-page-v5
    .simulator-fieldset-v5{
        min-height:0;

        padding:22px 18px !important;

        border-radius:17px !important;
    }

    .simulator-page-v5
    .simulator-fieldset-v5 > h2{
        font-size:19px !important;
    }

    .simulator-page-v5
    .simulator-fieldset-v5 .grid.two{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .simulator-page-v5
    .simulator-fieldset-v5
    input:not([type="checkbox"]):not([type="radio"]),
    .simulator-page-v5
    .simulator-fieldset-v5 select{
        min-height:50px !important;
    }

    .simulator-page-v5
    .fpa-sim-p-nav{
        margin-top:22px;
    }
}


/*
 * FPA_V51692R_SIMULATOR_PRO_UI
 *
 * Reprise des proportions réelles de l'inscription :
 * - cartes 26 px
 * - padding 22 px
 * - champs 52 px
 * - rayon champs 16 px
 * - résultat conservé à droite
 *
 * Aucun moteur métier modifié.
 */


/* ==========================================================
   LAYOUT GENERAL : GAUCHE + RESULTAT DROITE
   ========================================================== */

.simulator-page-v5 #simulateur-cout{
    display:grid !important;
    grid-template-columns:
        minmax(0,1fr) 330px !important;

    gap:22px !important;
    align-items:start !important;

    width:100% !important;
    max-width:1180px !important;

    margin:0 auto !important;
}


/*
 * Le formulaire reste la colonne principale.
 */
.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]{
    display:block !important;

    width:100% !important;
    min-width:0 !important;

    padding:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* ==========================================================
   RESULTAT : RESTE A DROITE
   ========================================================== */

.simulator-page-v5
#simulateur-cout
.simulator-result-card-v5,
.simulator-page-v5
#simulateur-cout:not(.fpa-sim-p-result-mode)
.simulator-result-card-v5,
.simulator-page-v5
#simulateur-cout
.simulator-result-card-v5.fpa-sim-p-hidden{

    display:block !important;

    position:sticky !important;
    top:22px !important;

    width:100% !important;
    max-width:330px !important;

    min-height:250px !important;

    margin:0 !important;
    padding:0 0 18px !important;

    overflow:hidden;

    background:#fff !important;

    border:1px solid rgba(148,163,184,.28) !important;
    border-radius:26px !important;

    box-shadow:
        0 16px 42px rgba(15,23,42,.075)
        !important;
}


/*
 * Titre résultat.
 */
.simulator-page-v5
#simulateur-cout
.simulator-result-card-v5 > h2{

    margin:0 !important;
    padding:20px 22px !important;

    background:
        linear-gradient(
            135deg,
            #071a33 0%,
            #0e3d6b 100%
        ) !important;

    color:#fff !important;

    font-size:19px !important;
    font-weight:950 !important;
    letter-spacing:-.02em;
}


/*
 * Contenu résultat.
 */
.simulator-page-v5
#simulateur-cout
.simulator-result-card-v5 > *:not(h2){

    margin-left:20px !important;
    margin-right:20px !important;
}


/* ==========================================================
   STEPPER 1 / 2 / 3
   ========================================================== */

.simulator-page-v5
.fpa-sim-p-progress{

    position:relative;

    display:grid !important;
    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:14px !important;

    width:100% !important;
    max-width:1180px !important;

    margin:22px auto 18px !important;
    padding:16px !important;

    background:#fff !important;

    border:1px solid rgba(148,163,184,.28) !important;
    border-radius:26px !important;

    box-shadow:
        0 16px 42px rgba(15,23,42,.065)
        !important;
}


/*
 * Chaque étape devient une vraie petite carte,
 * plus de texte plat flottant.
 */
.simulator-page-v5
.fpa-sim-p-progress-item{

    position:relative;

    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) !important;

    align-items:center !important;

    gap:12px !important;

    min-height:68px !important;

    padding:11px 14px !important;

    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        ) !important;

    color:#64748b !important;

    box-shadow:
        0 5px 16px rgba(15,23,42,.035);
}


/*
 * Numéro.
 */
.simulator-page-v5
.fpa-sim-p-progress-item span{

    width:42px !important;
    height:42px !important;

    display:grid !important;
    place-items:center !important;

    margin:0 !important;

    border-radius:14px !important;

    background:#eef2f7 !important;
    color:#64748b !important;

    font-size:15px !important;
    font-weight:1000 !important;
}


/*
 * Titre étape.
 */
.simulator-page-v5
.fpa-sim-p-progress-item strong{

    color:inherit;

    font-size:15px !important;
    font-weight:950 !important;
}


/*
 * Etape active.
 */
.simulator-page-v5
.fpa-sim-p-progress-item.is-active{

    border-color:#fed7aa !important;

    background:
        linear-gradient(
            135deg,
            #fff7ed 0%,
            #ffffff 100%
        ) !important;

    color:#172033 !important;

    box-shadow:
        0 10px 24px rgba(249,115,22,.10);
}

.simulator-page-v5
.fpa-sim-p-progress-item.is-active span{

    background:
        linear-gradient(
            135deg,
            #ff641e,
            #ea580c
        ) !important;

    color:#fff !important;

    box-shadow:
        0 8px 18px rgba(234,88,12,.20);
}


/*
 * Etape terminée.
 */
.simulator-page-v5
.fpa-sim-p-progress-item.is-done{

    color:#172033 !important;
}

.simulator-page-v5
.fpa-sim-p-progress-item.is-done span{

    background:#0e2f55 !important;
    color:#fff !important;
}


/* ==========================================================
   CARTE FORMULAIRE = PROPORTIONS INSCRIPTION
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5{

    width:100% !important;

    min-height:0 !important;
    height:auto !important;

    margin:0 !important;

    padding:22px !important;

    background:#fff !important;

    border:
        1px solid rgba(148,163,184,.28)
        !important;

    border-radius:26px !important;

    box-shadow:
        0 16px 42px rgba(15,23,42,.075)
        !important;
}


/*
 * Pas de hauteur artificielle.
 */
.simulator-page-v5
.simulator-fieldset-v5.fpa-sim-p-hidden{

    display:none !important;
}


/*
 * Etape 2 : séparation propre.
 */
.simulator-page-v5
.simulator-fieldset-v5
+ .simulator-fieldset-v5{

    margin-top:16px !important;
}


/* ==========================================================
   TITRE CARTE
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5 > h2{

    margin:0 0 8px !important;
    padding:0 !important;

    color:#07142b !important;

    font-size:1.35rem !important;
    line-height:1.2 !important;

    font-weight:950 !important;
    letter-spacing:-.03em !important;
}


/*
 * Supprimer la petite barre verticale ajoutée par Q :
 * ce n'est pas le style réel de l'inscription.
 */
.simulator-page-v5
.simulator-fieldset-v5 > h2::before{

    display:none !important;
    content:none !important;
}


.simulator-page-v5
.simulator-fieldset-v5 > .muted{

    margin:0 0 20px !important;

    color:#475569 !important;

    font-size:14px !important;
    font-weight:750 !important;
    line-height:1.5 !important;
}


/* ==========================================================
   GRILLE
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5
.grid.two{

    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))
        !important;

    gap:18px !important;

    margin:0 0 18px !important;
}


/* ==========================================================
   LABELS
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5 label{

    display:grid !important;

    gap:7px !important;

    margin:0 !important;

    color:#07142b !important;

    font-size:14px !important;
    font-weight:950 !important;
}


/* ==========================================================
   CHAMPS : EXACTEMENT L'ESPRIT INSCRIPTION
   ========================================================== */

.simulator-page-v5
.simulator-fieldset-v5
input:not([type="checkbox"]):not([type="radio"]),

.simulator-page-v5
.simulator-fieldset-v5 select,

.simulator-page-v5
.simulator-fieldset-v5 textarea{

    width:100% !important;

    min-height:52px !important;
    height:auto;

    padding:13px 15px !important;

    border:1.5px solid #d8e0eb !important;
    border-radius:16px !important;

    background:
        linear-gradient(
            180deg,
            #fff,
            #fbfdff
        ) !important;

    color:#0f172a !important;

    font-size:15px !important;
    font-weight:750 !important;

    outline:none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75)
        !important;
}


/*
 * Focus.
 */
.simulator-page-v5
.simulator-fieldset-v5
input:focus,

.simulator-page-v5
.simulator-fieldset-v5
select:focus,

.simulator-page-v5
.simulator-fieldset-v5
textarea:focus{

    border-color:#2563eb !important;

    box-shadow:
        0 0 0 4px rgba(37,99,235,.10)
        !important;
}


/* ==========================================================
   RESULTAT LIVE POIDS
   ========================================================== */

.simulator-page-v5
.sim-live-v5{

    min-height:52px !important;

    margin-top:18px !important;

    padding:14px 16px !important;

    border:1px solid #dbeafe !important;
    border-radius:16px !important;

    background:#eff6ff !important;

    color:#164e7a !important;

    font-weight:800 !important;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.simulator-page-v5
.fpa-sim-p-nav{

    display:flex !important;

    justify-content:space-between !important;
    align-items:center !important;

    gap:12px !important;

    margin-top:20px !important;
    padding-top:18px !important;

    border-top:1px solid #e2e8f0 !important;
}


.simulator-page-v5
.fpa-sim-p-nav button{

    min-height:52px !important;

    padding:0 20px !important;

    border-radius:16px !important;

    font-size:14px !important;
    font-weight:1000 !important;
}


/*
 * Continuer.
 */
.simulator-page-v5
.fpa-sim-p-nav
.fpa-sim-p-next{

    min-width:160px !important;

    margin-left:auto !important;

    background:
        linear-gradient(
            135deg,
            #f97316,
            #ea580c
        ) !important;

    border-color:#ea580c !important;

    color:#fff !important;

    box-shadow:
        0 10px 22px rgba(234,88,12,.18)
        !important;
}


/* ==========================================================
   ANCIEN SUBMIT
   ========================================================== */

.simulator-page-v5
.home-sim-submit-v4427{

    display:none !important;
}


/* ==========================================================
   ETAPE 3
   ========================================================== */

/*
 * P avait prévu un résultat pleine largeur.
 * Désormais le résultat reste dans sa colonne droite.
 */
.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode{

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr) 330px
        !important;
}


/*
 * Même quand le formulaire est masqué par P,
 * ne pas transformer le résultat en énorme bloc.
 */
.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5{

    grid-column:2 !important;

    width:100% !important;
    max-width:330px !important;
}


/* ==========================================================
   NOTE A RETENIR
   ========================================================== */

.simulator-page-v5
.simulator-required-note-v5{

    margin-top:16px !important;

    padding:16px 18px !important;

    border:1px solid #dbeafe !important;
    border-radius:18px !important;

    background:#f8fbff !important;

    color:#475569 !important;

    font-weight:750 !important;
    line-height:1.5 !important;
}


/* ==========================================================
   TABLETTE / MOBILE
   ========================================================== */

@media(max-width:900px){

    .simulator-page-v5
    #simulateur-cout,

    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode{

        grid-template-columns:1fr !important;
    }


    .simulator-page-v5
    #simulateur-cout
    .simulator-result-card-v5,

    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    .simulator-result-card-v5{

        position:relative !important;
        top:auto !important;

        grid-column:1 !important;

        max-width:none !important;

        margin-top:18px !important;
    }
}


@media(max-width:680px){

    .simulator-page-v5
    .fpa-sim-p-progress{

        grid-template-columns:1fr !important;

        padding:12px !important;

        border-radius:22px !important;
    }


    .simulator-page-v5
    .fpa-sim-p-progress-item{

        min-height:58px !important;

        grid-template-columns:
            38px minmax(0,1fr)
            !important;

        border-radius:16px !important;
    }


    .simulator-page-v5
    .fpa-sim-p-progress-item span{

        width:36px !important;
        height:36px !important;

        border-radius:12px !important;
    }


    .simulator-page-v5
    .simulator-fieldset-v5{

        padding:18px !important;
        border-radius:22px !important;
    }


    .simulator-page-v5
    .simulator-fieldset-v5
    .grid.two{

        grid-template-columns:1fr !important;
        gap:14px !important;
    }
}


/*
 * FPA_V51692S_SIMULATOR_ROUTE_FIELDS
 *
 * Correction ciblée étape 1 :
 * Départ / Arrivée / Mode / Type d'envoi.
 *
 * Aucun champ métier modifié.
 * Aucun Pays/Ville modifié.
 */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5:first-of-type
select{

    width:100% !important;

    min-height:52px !important;
    height:52px !important;

    padding:
        0 42px
        0 15px
        !important;

    border:
        1.5px solid #d8e0eb
        !important;

    border-radius:
        16px
        !important;

    background-color:
        #fff
        !important;

    color:
        #0f172a
        !important;

    font-size:
        15px
        !important;

    font-weight:
        750
        !important;

    line-height:
        1.2
        !important;

    box-sizing:
        border-box
        !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.75)
        !important;
}


/*
 * Focus identique à l'inscription.
 */
.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5:first-of-type
select:focus{

    outline:none !important;

    border-color:
        #2563eb
        !important;

    box-shadow:
        0 0 0 4px
        rgba(37,99,235,.10)
        !important;
}


/*
 * Labels plus respirants.
 */
.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5:first-of-type
label{

    gap:
        8px
        !important;

    font-size:
        14px
        !important;

    font-weight:
        950
        !important;
}


/*
 * Espacement entre les deux lignes :
 * Départ/Arrivée puis Mode/Type.
 */
.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5:first-of-type
.grid.two{

    gap:
        18px
        !important;

    margin-bottom:
        20px
        !important;
}


/*
 * Dernière ligne sans espace excessif.
 */
.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5:first-of-type
.grid.two:last-of-type{

    margin-bottom:
        0
        !important;
}


/*
 * Mobile : même hauteur, une colonne.
 */
@media(max-width:680px){

    .simulator-page-v5
    #simulateur-cout
    form[data-public-simulator-v5]
    > .simulator-fieldset-v5:first-of-type
    select{

        min-height:
            52px
            !important;

        height:
            52px
            !important;
    }
}


/*
 * FPA_V51692Q_SIMULATOR_CONTROL_UNIFY
 *
 * Objectif :
 * - uniformiser tous les champs du simulateur refondu
 * - même hauteur / même rayon / même remplissage
 * - supprimer l'effet "plat" sur Mode de poids, Devise, Produit neuf, etc.
 * - conserver le bloc résultat à droite
 */

.fpa-sim123-stage.is-active select,
.fpa-sim123-stage.is-active input[type="text"],
.fpa-sim123-stage.is-active input[type="number"],
.fpa-sim123-stage.is-active input[type="email"],
.fpa-sim123-stage.is-active input[type="tel"]{
    width:100% !important;
    min-height:56px !important;
    height:56px !important;
    box-sizing:border-box !important;
    border:1px solid #d8e1ee !important;
    border-radius:14px !important;
    background:#ffffff !important;
    color:#12233f !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    padding:0 16px !important;
    box-shadow:none !important;
    outline:none !important;
    appearance:auto !important;
    -webkit-appearance:auto !important;
}

.fpa-sim123-stage.is-active select{
    padding-right:42px !important;
    background-position:right 14px center !important;
}

.fpa-sim123-stage.is-active input::placeholder{
    color:#8b99ad !important;
    font-weight:600 !important;
    opacity:1 !important;
}

.fpa-sim123-stage.is-active label{
    display:block !important;
    margin:0 0 10px !important;
    color:#12233f !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-grid,
.fpa-sim123-stage.is-active .fpa-sim123-fields,
.fpa-sim123-stage.is-active .fpa-sim123-row{
    align-items:end !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-grid > *,
.fpa-sim123-stage.is-active .fpa-sim123-fields > *,
.fpa-sim123-stage.is-active .fpa-sim123-row > *{
    min-width:0 !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-card,
.fpa-sim123-stage.is-active .fpa-sim123-panel,
.fpa-sim123-stage.is-active .fpa-sim123-box{
    border-radius:18px !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-checkbox-row{
    min-height:56px !important;
    border:1px solid #d8e1ee !important;
    border-radius:14px !important;
    background:#ffffff !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-hint,
.fpa-sim123-stage.is-active .fpa-sim123-volume-note,
.fpa-sim123-stage.is-active .fpa-sim123-total-note{
    border-radius:14px !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-actions{
    padding-top:18px !important;
    margin-top:18px !important;
    border-top:1px solid #e3eaf3 !important;
}

.fpa-sim123-stage.is-active .fpa-sim123-actions .btn,
.fpa-sim123-stage.is-active .fpa-sim123-actions button{
    min-height:52px !important;
    border-radius:16px !important;
    font-weight:800 !important;
}

@media (max-width: 900px){
    .fpa-sim123-stage.is-active select,
    .fpa-sim123-stage.is-active input[type="text"],
    .fpa-sim123-stage.is-active input[type="number"],
    .fpa-sim123-stage.is-active input[type="email"],
    .fpa-sim123-stage.is-active input[type="tel"]{
        min-height:52px !important;
        height:52px !important;
    }
}


/*
 * FPA_V51692T_SIMULATOR_ALL_CONTROLS
 *
 * Harmonisation VISUELLE de tous les vrais contrôles
 * du simulateur avec l'étape Trajet déjà validée.
 *
 * Aucun name/id/POST/calcul/Pays-Ville modifié.
 */


/* ----------------------------------------------------------
   SELECTS : Mode de poids, Devise, Produit neuf, etc.
   ---------------------------------------------------------- */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
select{

    width:100% !important;

    min-height:52px !important;
    height:52px !important;

    padding:
        0 42px
        0 15px
        !important;

    border:
        1.5px solid #d8e0eb
        !important;

    border-radius:
        16px
        !important;

    background-color:
        #fff
        !important;

    color:
        #0f172a
        !important;

    font-size:
        15px
        !important;

    font-weight:
        750
        !important;

    line-height:
        1.2
        !important;

    box-sizing:
        border-box
        !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.75)
        !important;
}


/* ----------------------------------------------------------
   INPUTS TEXTE / NOMBRE
   Nombre colis, longueur, largeur, hauteur, poids, valeur...
   ---------------------------------------------------------- */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){

    width:100% !important;

    min-height:52px !important;
    height:52px !important;

    padding:
        0 15px
        !important;

    border:
        1.5px solid #d8e0eb
        !important;

    border-radius:
        16px
        !important;

    background:
        linear-gradient(
            180deg,
            #fff,
            #fbfdff
        )
        !important;

    color:
        #0f172a
        !important;

    font-size:
        15px
        !important;

    font-weight:
        750
        !important;

    box-sizing:
        border-box
        !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.75)
        !important;
}


/* ----------------------------------------------------------
   FOCUS IDENTIQUE
   ---------------------------------------------------------- */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
select:focus,

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
input:not([type="checkbox"]):not([type="radio"]):focus{

    outline:none !important;

    border-color:
        #2563eb
        !important;

    box-shadow:
        0 0 0 4px
        rgba(37,99,235,.10)
        !important;
}


/* ----------------------------------------------------------
   LABELS : MEME RESPIRATION PARTOUT
   ---------------------------------------------------------- */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
label{

    gap:
        8px
        !important;

    color:
        #07142b
        !important;

    font-size:
        14px
        !important;

    font-weight:
        950
        !important;
}


/* ----------------------------------------------------------
   GRILLES : ALIGNEMENT VERTICAL DES CHAMPS
   ---------------------------------------------------------- */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
.grid.two{

    align-items:end !important;
}


/* ----------------------------------------------------------
   PETITS CHAMPS DIMENSIONS
   ---------------------------------------------------------- */

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
.simulator-package-row-v5
input,

.simulator-page-v5
#simulateur-cout
form[data-public-simulator-v5]
> .simulator-fieldset-v5
[class*="dimension"]
input{

    min-height:52px !important;
    height:52px !important;

    border-radius:
        16px
        !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:680px){

    .simulator-page-v5
    #simulateur-cout
    form[data-public-simulator-v5]
    > .simulator-fieldset-v5
    select,

    .simulator-page-v5
    #simulateur-cout
    form[data-public-simulator-v5]
    > .simulator-fieldset-v5
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){

        min-height:
            52px
            !important;

        height:
            52px
            !important;
    }
}


/*
 * FPA_V51692Y_SIMULATOR_RESULT_LAYOUT
 *
 * Étapes 1/2 :
 * formulaire gauche + résultat droite inchangés.
 *
 * Étape 3 :
 * résultat principal centré et élargi.
 *
 * Aucun calcul / POST / champ / Pays-Ville modifié.
 */


/* ==========================================================
   ETAPE 3 : SUPPRIMER LA COLONNE VIDE
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode{

    display:grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        !important;

    gap:
        0
        !important;

    align-items:
        start
        !important;
}


/* ==========================================================
   RESULTAT : DEVIENT LA CARTE PRINCIPALE
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5{

    display:block !important;

    position:static !important;

    top:auto !important;

    width:
        min(100%, 860px)
        !important;

    max-width:
        860px
        !important;

    min-width:
        0
        !important;

    justify-self:
        center
        !important;

    margin:
        0 auto
        !important;

    border-radius:
        26px
        !important;

    overflow:
        hidden
        !important;

    box-shadow:
        0 18px 48px
        rgba(15,23,42,.10)
        !important;
}


/* ==========================================================
   TITRE DU RESULTAT PLUS PRESENT
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.simulator-result-card-v5
> h2{

    margin:
        0
        !important;

    padding:
        22px 26px
        !important;

    font-size:
        22px
        !important;

    line-height:
        1.2
        !important;
}


/* ==========================================================
   CONTENU RESULTAT PLUS RESPIRANT
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.home-estimate-result-v4427{

    padding:
        26px
        !important;
}


/* Montant principal */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.home-estimate-result-v4427
> strong{

    display:block !important;

    margin:
        10px 0 12px
        !important;

    font-size:
        clamp(30px, 4vw, 42px)
        !important;

    line-height:
        1
        !important;
}


/* Détail estimation */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.sim-estimate-details-v5195{

    margin-top:
        20px
        !important;

    border-radius:
        16px
        !important;

    overflow:
        hidden
        !important;
}


/* Avertissement douane */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.customs-warning-v511{

    margin-top:
        18px
        !important;

    padding:
        18px
        !important;

    border-radius:
        16px
        !important;
}


/* Actions */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.home-estimate-result-v4427
> div:last-child{

    display:flex !important;

    flex-wrap:
        wrap
        !important;

    gap:
        12px
        !important;

    margin-top:
        22px
        !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:680px){

    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    .simulator-result-card-v5{

        width:
            100%
            !important;

        max-width:
            none
            !important;

        border-radius:
            22px
            !important;
    }


    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    .simulator-result-card-v5
    > h2{

        padding:
            18px 20px
            !important;
    }


    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    .home-estimate-result-v4427{

        padding:
            20px
            !important;
    }
}


/*
 * FPA_V51693A_SIMULATOR_RESULT_FULL_WIDTH
 *
 * Correction finale VISUELLE de l'étape 3.
 *
 * Étapes 1 et 2 :
 * - aucun changement.
 *
 * Étape 3 :
 * - suppression définitive de la colonne fantôme ;
 * - résultat sur toute la largeur utile ;
 * - aucune limite à 860px ;
 * - conservation du header existant ;
 * - aucune modification du moteur.
 */


/* ==========================================================
   CONTENEUR ETAPE 3 : UNE SEULE COLONNE
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode{

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    gap:
        0
        !important;

    align-items:
        start
        !important;
}


/* ==========================================================
   LE FORMULAIRE NE PREND PLUS AUCUNE PLACE EN ETAPE 3
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
> form[data-public-simulator-v5]{

    display:
        none
        !important;

    width:
        0
        !important;

    max-width:
        0
        !important;

    min-width:
        0
        !important;

    margin:
        0
        !important;

    padding:
        0
        !important;
}


/* ==========================================================
   CARTE RESULTAT : PLEINE LARGEUR
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
> .simulator-result-card-v5{

    grid-column:
        1 / -1
        !important;

    grid-row:
        auto
        !important;

    justify-self:
        stretch
        !important;

    align-self:
        start
        !important;

    position:
        static
        !important;

    top:
        auto
        !important;

    left:
        auto
        !important;

    right:
        auto
        !important;

    display:
        block
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    min-width:
        0
        !important;

    margin:
        0
        !important;

    box-sizing:
        border-box
        !important;

    border-radius:
        26px
        !important;

    overflow:
        hidden
        !important;

    box-shadow:
        0 18px 48px
        rgba(15,23,42,.10)
        !important;
}


/* ==========================================================
   HEADER RESULTAT
   On conserve volontairement son background existant.
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
> .simulator-result-card-v5
> h2{

    margin:
        0
        !important;

    padding:
        20px 28px
        !important;

    border-radius:
        26px 26px 0 0
        !important;

    font-size:
        22px
        !important;

    line-height:
        1.2
        !important;
}


/* ==========================================================
   CONTENU RESULTAT
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.home-estimate-result-v4427{

    width:
        100%
        !important;

    max-width:
        none
        !important;

    margin:
        0
        !important;

    padding:
        clamp(24px,3vw,36px)
        !important;

    box-sizing:
        border-box
        !important;
}


/* Montant principal */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.home-estimate-result-v4427
> strong{

    display:
        block
        !important;

    margin:
        10px 0 14px
        !important;

    font-size:
        clamp(38px,5vw,56px)
        !important;

    line-height:
        1
        !important;
}


/* ==========================================================
   DETAIL / DOUANE
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.sim-estimate-details-v5195{

    width:
        100%
        !important;

    max-width:
        none
        !important;

    margin-top:
        20px
        !important;

    border-radius:
        16px
        !important;

    box-sizing:
        border-box
        !important;
}


.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.customs-warning-v511{

    width:
        100%
        !important;

    max-width:
        none
        !important;

    margin-top:
        18px
        !important;

    padding:
        18px
        !important;

    border-radius:
        16px
        !important;

    box-sizing:
        border-box
        !important;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.home-estimate-result-v4427
> div:last-child{

    display:
        flex
        !important;

    flex-wrap:
        wrap
        !important;

    gap:
        12px
        !important;

    margin-top:
        22px
        !important;
}


.simulator-page-v5
#simulateur-cout.fpa-sim-p-result-mode
.fpa-sim-p-nav{

    width:
        100%
        !important;

    margin-top:
        20px
        !important;

    padding-top:
        18px
        !important;

    box-sizing:
        border-box
        !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:680px){

    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    > .simulator-result-card-v5{

        width:
            100%
            !important;

        max-width:
            none
            !important;

        border-radius:
            22px
            !important;
    }


    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    > .simulator-result-card-v5
    > h2{

        padding:
            18px 20px
            !important;

        border-radius:
            22px 22px 0 0
            !important;
    }


    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    .home-estimate-result-v4427{

        padding:
            20px
            !important;
    }


    .simulator-page-v5
    #simulateur-cout.fpa-sim-p-result-mode
    .home-estimate-result-v4427
    > strong{

        font-size:
            36px
            !important;
    }
}


/*
 * FPA_V51693B_RESTORE_MULTI_PACKAGE_PLUS
 */

.simulator-page-v5
#simulateur-cout
[data-package-builder]
.fpa-sim-multi-package-open-v51693b{

    justify-self:
        start;

    margin:
        2px 0 4px;

    min-height:
        46px;

    padding:
        10px 16px;

    border-radius:
        14px;

    font-weight:
        800;
}

.simulator-page-v5
#simulateur-cout
[data-package-builder]
.fpa-sim-multi-package-open-v51693b[hidden]{

    display:
        none !important;
}

@media(max-width:680px){

    .simulator-page-v5
    #simulateur-cout
    [data-package-builder]
    .fpa-sim-multi-package-open-v51693b{

        width:
            100%;

        justify-content:
            center;
    }
}

/* ==========================================================
   FPA_V51711A_ADMIN_LISTINGS_PRO
   ========================================================== */

.admin-listing-dashboard-v51711a{
    display:grid!important;
    gap:14px!important;
}

.admin-listing-title-v51711a{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:16px!important;
}

.admin-listing-title-v51711a h2{
    margin:0!important;
}

.admin-listing-title-v51711a p{
    margin:4px 0 0!important;
}

.admin-listing-title-v51711a>strong{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    white-space:nowrap!important;
}

.admin-listing-state-grid-v51711a{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
}

.admin-listing-state-card-v51711a{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    min-height:58px!important;
    padding:11px 13px!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#334155!important;
    text-decoration:none!important;
}

.admin-listing-state-card-v51711a span{
    font-size:12px!important;
    font-weight:850!important;
}

.admin-listing-state-card-v51711a strong{
    font-size:20px!important;
    color:#0f172a!important;
}

.admin-listing-state-card-v51711a:hover,
.admin-listing-state-card-v51711a.is-active-v51711a{
    border-color:#93c5fd!important;
    background:#eff6ff!important;
}

.admin-listing-toolbar-v51711a .admin-filters{
    grid-template-columns:
        minmax(260px,1fr)
        170px
        190px
        auto
        auto!important;
}

.admin-result-line-v51711a{
    padding:9px 12px!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    color:#64748b!important;
    font-size:13px!important;
}

.admin-empty-listing-v51711a{
    display:grid!important;
    gap:4px!important;
    padding:24px!important;
    border:1px dashed #cbd5e1!important;
    border-radius:15px!important;
    background:#f8fafc!important;
}

.admin-empty-listing-v51711a span{
    color:#64748b!important;
}

/*
 * L'ancien pseudo-overlay n'est plus nécessaire :
 * le JS V51711A gère réellement la fermeture extérieure.
 */
.admin-advanced-v511103[open]::before{
    display:none!important;
    content:none!important;
    pointer-events:none!important;
}

@media(max-width:1100px){
    .admin-listing-state-grid-v51711a{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .admin-listing-toolbar-v51711a .admin-filters{
        grid-template-columns:1fr 1fr!important;
    }
}

@media(max-width:680px){
    .admin-listing-state-grid-v51711a{
        grid-template-columns:1fr!important;
    }

    .admin-listing-toolbar-v51711a .admin-filters{
        grid-template-columns:1fr!important;
    }

    .admin-listing-title-v51711a{
        display:grid!important;
    }
}
/* ==========================================================
   FPA_V51736E_LOGIN_MOBILE_ONLY
   Uniquement page connexion / inscription directe mobile.
   Aucun impact dashboard, topbar, sidebar ou PWA.
   ========================================================== */

@media(max-width:700px){

    html body .fpa-auth-direct-page-v6{
        width:100%!important;
        max-width:100%!important;
        min-height:100vh!important;

        margin:0!important;
        padding:14px!important;

        overflow-x:hidden!important;
        box-sizing:border-box!important;
    }

    html body .fpa-auth-direct-page-v6 *,
    html body .fpa-auth-direct-page-v6 *::before,
    html body .fpa-auth-direct-page-v6 *::after{
        box-sizing:border-box!important;
    }

    html body .fpa-auth-direct-page-v6
    .fpa-auth-box-v6{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;

        margin:20px auto!important;
        padding:22px 16px!important;

        overflow:hidden!important;
        box-sizing:border-box!important;
    }

    html body .fpa-auth-direct-page-v6
    .fpa-auth-box-v6 h1{
        max-width:100%!important;

        font-size:clamp(32px,10vw,44px)!important;
        line-height:1.02!important;

        overflow-wrap:anywhere!important;
    }

    /* FPA_V51736H_LOGIN_FORM_WIDTH
       Le formulaire login ne doit pas faire 100% + marges.
       Alignement horizontal sur le bouton Google.
    */
    html body .fpa-auth-direct-page-v6
    #fpa-login-form-v51582c{
        width:auto!important;
        max-width:none!important;
        min-width:0!important;

        margin:22px 25px 0!important;

        box-sizing:border-box!important;
    }

    html body .fpa-auth-direct-page-v6
    #fpa-login-form-v51582c label,
    html body .fpa-auth-direct-page-v6
    #fpa-login-form-v51582c .password-field{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;

        box-sizing:border-box!important;
    }

    html body .fpa-auth-direct-page-v6
    .fpa-auth-form-v6 input,
    html body .fpa-auth-direct-page-v6
    .password-field > input{
        display:block!important;

        width:100%!important;
        max-width:100%!important;
        min-width:0!important;

        box-sizing:border-box!important;
    }

    html body .fpa-auth-direct-page-v6
    .copy-password{
        display:none!important;
    }

    html body .fpa-auth-direct-page-v6
    .password-field > input{
        padding-right:58px!important;
    }

    html body .fpa-auth-direct-page-v6
    .password-actions{
        right:8px!important;

        width:40px!important;
        max-width:40px!important;

        gap:0!important;
    }

    html body .fpa-auth-direct-page-v6
    .password-action:not(.copy-password){
        width:40px!important;
        min-width:40px!important;
        max-width:40px!important;

        height:36px!important;
        min-height:36px!important;

        padding:0!important;

        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    html body .fpa-auth-direct-page-v6
    .fpa-auth-actions-v6{
        width:100%!important;
        max-width:100%!important;

        display:grid!important;
        grid-template-columns:1fr!important;

        gap:10px!important;
    }

    html body .fpa-auth-direct-page-v6
    .fpa-auth-actions-v6 > *{
        width:100%!important;
        max-width:100%!important;

        margin:0!important;
        box-sizing:border-box!important;
    }
}

/* ==========================================================
   FPA_V51736B_MOBILE_MENU_OVERLAY_FIX
   Menu mobile uniquement.
   Ne modifie ni dashboard, ni auth, ni desktop.
   ========================================================== */

@media (max-width:980px){

    html body .sidebar{
        position:fixed!important;
        top:0!important;
        left:-310px!important;
        bottom:0!important;

        width:min(284px,86vw)!important;
        max-width:86vw!important;
        height:100dvh!important;

        z-index:30000!important;

        overflow-y:auto!important;
        overflow-x:hidden!important;

        transform:none!important;
        transition:left .22s ease!important;
    }

    html body .sidebar.open{
        left:0!important;
        transform:none!important;
    }

    html body .sidebar-backdrop{
        position:fixed!important;
        inset:0!important;

        width:100vw!important;
        height:100dvh!important;

        margin:0!important;
        padding:0!important;

        display:block!important;

        background:rgba(15,23,42,.58)!important;

        opacity:0!important;
        visibility:hidden!important;

        pointer-events:none!important;

        z-index:29990!important;

        transition:
            opacity .2s ease,
            visibility .2s ease!important;
    }

    html body.sidebar-open .sidebar-backdrop{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }

    /*
     * Rien du dashboard ne doit passer au-dessus
     * du voile lorsque le menu est ouvert.
     */
    html body.sidebar-open
    .content > .topbar,
    html body.sidebar-open
    #fpa-install-app-button,
    html body.sidebar-open
    .fpa-pwa-topbar-slot-v51253,
    html body.sidebar-open
    .fpa-topbar-icons-clean,
    html body.sidebar-open
    #backToTop{
        z-index:1!important;
    }

    /*
     * Bouton X du menu toujours accessible.
     */
    html body .sidebar .sidebar-close{
        position:absolute!important;
        top:14px!important;
        right:14px!important;

        width:42px!important;
        height:42px!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        margin:0!important;
        padding:0!important;

        border-radius:12px!important;

        z-index:30010!important;

        cursor:pointer!important;
        pointer-events:auto!important;
    }

    /*
     * Empêcher le fond de défiler pendant l'ouverture.
     */
    html body.sidebar-open{
        overflow:hidden!important;
        touch-action:none!important;
    }

    html body.sidebar-open .sidebar{
        touch-action:pan-y!important;
    }
}