/* Account, conversations and publication share the platform's visual language. */
#compteLoggedIn {
  --account-ink: var(--ui-ink, #163a54);
  --account-blue: var(--ui-blue, #315ed2);
  --account-muted: var(--ui-muted, #62768b);
  --account-line: var(--ui-line, #dce5ee);
  --account-radius: var(--ui-radius, 10px);
}
#compteLoggedIn .cp2-meta { color: var(--account-muted); font-size: 13px; line-height: 1.6; }
#compteLoggedIn .cp2-eyebrow { color: #56718b; font-weight: 650; }
#compteLoggedIn .cp2-hero-top .ac-avatar-edit {
  position: static; right: auto; top: auto; transform: none;
  grid-column: 3; grid-row: 1; align-self: center; justify-self: end;
}
#compteLoggedIn .ac-avatar-button .cp2-avatar { width: 120px; height: 120px; }
#compteLoggedIn .ac-avatar-camera {
  right: 2px; bottom: 2px; width: 30px; height: 30px;
  background: #fff; color: var(--account-ink); border: 1px solid #d4e0ec;
  box-shadow: 0 2px 8px rgb(22 58 84 / 10%);
}
#compteLoggedIn .ac-avatar-button:hover .ac-avatar-camera { background: #edf3fa; color: var(--account-blue); border-color: #b6cce4; }
#compteLoggedIn .ac-avatar-button {
  border-color: #d4e0ec;
  box-shadow: 0 8px 28px rgb(22 58 84 / 9%);
  transition: border-color .18s, box-shadow .18s;
}
#compteLoggedIn .ac-avatar-button:hover { border-color: #8faccf; box-shadow: 0 8px 28px rgb(22 58 84 / 15%); }
#compteLoggedIn .cp2-bar { margin: 28px 0 36px; }
#compteLoggedIn .cp2-ptabs { gap: 12px; }
#compteLoggedIn .cp2-ptab {
  min-height: 108px;
  padding: 17px 18px;
  gap: 12px;
  border-color: var(--account-line);
  border-radius: var(--account-radius);
  box-shadow: none;
}
#compteLoggedIn .cp2-ptab-txt { font-size: 15px; line-height: 1.4; }
#compteLoggedIn .cp2-ptab-sub { color: var(--account-muted); line-height: 1.45; margin-top: 4px; }
#compteLoggedIn .cp2-ptab-active {
  background: var(--account-ink) !important;
  border-color: var(--account-ink);
  box-shadow: 0 5px 16px rgb(22 58 84 / 12%);
}
#compteLoggedIn .cp2-ptab-active .cp2-ptab-txt { color: #fff; }
#compteLoggedIn .cp2-ptab-active .cp2-ptab-sub { color: #dce9f4; }
#compteLoggedIn .cp2-ptab .dash-badge { top: 17px; right: 17px; }
#compteLoggedIn .cp2-ptab :is(#inboxBadge, #favBadge) { background: #dc2626; color: #fff; }
#compteLoggedIn :is(#myAnnSection, #accountMessagesPanel, #accountFavoritesPanel) {
  padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
#compteLoggedIn .ac-panel-heading,
#compteLoggedIn #myAnnSection .ac-panel-heading { margin: 0 0 24px; }
#compteLoggedIn .ac-panel-heading h2,
#compteLoggedIn #myAnnSection .ac-panel-heading h2,
#compteLoggedIn .cp2-panel[data-panel="msg"] h2,
#compteLoggedIn .cp2-panel[data-panel="fav"] h2 {
  margin: 0 0 8px; color: var(--account-ink); font-size: clamp(25px, 2.5vw, 32px);
  line-height: 1.2; letter-spacing: -.8px;
}
#compteLoggedIn .ac-panel-heading p { color: var(--account-muted); font-size: 14px; line-height: 1.6; }
#compteLoggedIn .ac-publish { border-radius: var(--account-radius); min-height: 46px; background: var(--account-blue); box-shadow: none; }
#compteLoggedIn .ac-publish:hover { background: #254db4; }
#compteLoggedIn .cp2-kpis { gap: 12px; margin: 0 0 24px; }
#compteLoggedIn .cp2-kpi {
  min-width: 0; padding: 19px 18px; background: #fff; border-color: var(--account-line);
  border-radius: var(--account-radius); box-shadow: none; cursor: default;
}
#compteLoggedIn .cp2-kpi-num { color: var(--account-ink); font-size: 28px; font-variant-numeric: tabular-nums; }
#compteLoggedIn .cp2-kpi-lbl { margin-top: 6px; color: var(--account-muted); font-size: 12px; }
#compteLoggedIn #maPageList { gap: 20px; }
#compteLoggedIn .ac-list-card { border-color: var(--account-line); border-radius: var(--account-radius); padding: 20px; gap: 22px; box-shadow: 0 4px 16px rgb(22 58 84 / 3%); }
#compteLoggedIn .ac-list-photo { border-radius: 7px; }
#compteLoggedIn .ac-list-photo img { transition: transform .25s; }
#compteLoggedIn .ac-list-photo:hover img { transform: scale(1.025); }
#compteLoggedIn .ac-list-city { color: var(--account-muted); }
#compteLoggedIn .ac-list-price { color: var(--account-ink); }
#compteLoggedIn .ac-list-actions { gap: 8px; }
#compteLoggedIn .ac-list-actions button {
  min-height: 44px; border-radius: 8px; font-size: 13px; padding: 11px 12px;
  border-color: var(--account-line); transition: background .18s, border-color .18s;
}
#compteLoggedIn .ac-list-actions button:hover { filter: none; background: #edf4fb; border-color: #afc4da; }
#compteLoggedIn .ac-list-actions .ac-list-edit { color: #fff; background: var(--account-ink); border-color: var(--account-ink); }
#compteLoggedIn .ac-list-actions .ac-list-edit:hover { background: #244e6b; border-color: #244e6b; }
#compteLoggedIn .ac-list-actions .ac-list-delete { min-height: 44px; border-color: transparent; color: #a13446; background: transparent; }
#compteLoggedIn .ac-list-actions .ac-list-delete:hover { color: #8b1930; background: #fff1f3; border-color: #f2d0d7; }
#compteLoggedIn .ac-list-stats { gap: 10px; margin: 0; padding: 0; border: 0; }
#compteLoggedIn .ac-list-stats > span { border-color: #e2eaf2; background: #f2f6fb; border-radius: 8px; padding: 14px 17px; }
#compteLoggedIn .ac-list-stats > span:nth-child(2) { border-color: #e0ecee; background: #f2f8f8; }
#compteLoggedIn .ac-list-stats > span:nth-child(3) { border-color: #e5e7f1; background: #f5f5fa; }
#compteLoggedIn .ac-list-stats b { font-size: 25px; }

/* One conversation treatment in the account and the dedicated inbox. */
:is(#compteLoggedIn, #page-messages) .ac-conversations { gap: 12px; }
:is(#compteLoggedIn, #page-messages) .ac-conversation {
  gap: 22px; padding: 20px; background: #fff; border: 1px solid var(--ui-line, #dce5ee);
  border-radius: var(--ui-radius, 10px); box-shadow: 0 3px 14px rgb(22 58 84 / 3%);
  transition: background .18s, border-color .18s; transform: none;
}
:is(#compteLoggedIn, #page-messages) .ac-conversation:hover { border-color: #abc2db; background: #f8fbff; transform: none; }
:is(#compteLoggedIn, #page-messages) .ac-conversation.is-unread { border-left: 4px solid #315ed2; padding-left: 17px; background: #f0f6ff; }
:is(#compteLoggedIn, #page-messages) .ac-conversation-photo { width: 104px; height: 104px; border-radius: 8px; }
:is(#compteLoggedIn, #page-messages) .ac-conversation-title { color: var(--ui-ink, #163a54); font-size: 18px; }
:is(#compteLoggedIn, #page-messages) .ac-conversation-preview { color: #586f85; font-size: 14px; }
:is(#compteLoggedIn, #page-messages) .ac-conversation-time { color: #61778e; font-size: 12px; }
:is(#compteLoggedIn, #page-messages) .ac-conversation-bottom { color: #536f8a; font-size: 12px; }
:is(#compteLoggedIn, #page-messages) .ac-conversation-state { color: #315ed2; font-weight: 600; }
:is(#compteLoggedIn, #page-messages) .is-unread .ac-conversation-state { color: #dc2626; background: #ffeaee; border-radius: 5px; font-weight: 750; }
#compteLoggedIn .ac-favorites-grid { gap: 20px; }
#compteLoggedIn .ac-favorite { border-color: var(--account-line); border-radius: var(--account-radius); box-shadow: 0 3px 14px rgb(22 58 84 / 3%); }
#compteLoggedIn .ac-favorite-body { padding: 22px; }
#compteLoggedIn .ac-favorite p { color: var(--account-muted); font-size: 13px; }
#compteLoggedIn .ac-favorite strong { color: var(--account-ink); }
#compteLoggedIn .ac-favorite-actions button { min-height: 44px; border-radius: 8px; }
#compteLoggedIn .ac-favorite-actions .ac-favorite-remove { color: #8f4250; font-size: 12px; padding: 8px; }
#compteLoggedIn .dash-empty { color: var(--account-muted); background: #f9fbfe; border-radius: var(--account-radius); line-height: 1.8; }
#compteLoggedIn .ac-settings-grid { gap: 20px; }
#compteLoggedIn .ac-settings-grid > div,
#compteLoggedIn .ac-settings-grid > div:nth-child(2) > div { border-radius: var(--account-radius) !important; }
#compteLoggedIn .ac-settings-grid > div:nth-child(2) { gap: 20px !important; }
#compteLoggedIn .ac-settings-logout { border-radius: 8px; }

/* A roomy conversation window, with a readable composer even on small screens. */
body.mt-conversation-open { overflow: hidden; }
#msgModal { background: rgb(10 28 45 / 48%); backdrop-filter: blur(5px); }
:is(#msgModal,.mt-customer-chat) .mt-panel {
  width: 100%; max-width: 660px !important;
  height: min(78vh, 720px) !important; height: min(78dvh, 720px) !important;
  display: flex; flex-direction: column; border: 1px solid #d8e4ef; border-radius: 14px;
  background: #f4f8fc; box-shadow: 0 24px 80px rgb(9 35 58 / 24%);
}
:is(#msgModal,.mt-customer-chat) .mt-panel > div:first-child { padding: 22px 72px 20px 24px !important; border-color: #dce5ee !important; }
:is(#msgHeaderTitle,.mt-customer-chat .mt-chat-title) { font-size: 18px !important; line-height: 1.35; overflow-wrap: anywhere; }
:is(#msgHeaderSub,.mt-customer-chat .mt-chat-subtitle) { color: #62768b !important; font-size: 13px !important; line-height: 1.5; margin-top: 5px !important; }
:is(#msgModal,.mt-customer-chat) .mt-close { top: 18px; right: 18px; width: 40px; height: 40px; border-radius: 9px; background: #f1f5fa; color: #35546d; box-shadow: none; }
:is(#msgModal,.mt-customer-chat) .mt-close:hover { background: #e1eaf4; }
:is(#msgThread,.mt-customer-chat .mt-chat-messages) { min-height: 0; padding: 24px !important; gap: 10px !important; background: #f3f7fc !important; overscroll-behavior: contain; }
:is(#msgModal,.mt-customer-chat) .mt-bubble { max-width: 82%; padding: 12px 16px; font-size: 15px; line-height: 1.55; border-radius: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
:is(#msgModal,.mt-customer-chat) .mt-bubble.sent { background: #163a54; color: #fff; border-bottom-right-radius: 3px; }
:is(#msgModal,.mt-customer-chat) .mt-bubble.recv { background: #fff; color: #193c57; border-color: #dde7f1; border-bottom-left-radius: 3px; }
:is(#msgModal,.mt-customer-chat) .mt-input-row { gap: 10px; padding: 16px; border-color: #dce5ee; align-items: center; flex-shrink: 0; }
:is(#msgModal,.mt-customer-chat) .mt-input-row input { min-width: 0; min-height: 48px; box-sizing: border-box; border-radius: 9px; padding: 12px 14px; border-color: #d3dfeb; font-size: 16px; background: #f9fbfe; }
:is(#msgModal,.mt-customer-chat) .mt-input-row button { min-height: 48px; padding: 0 18px; border-radius: 9px; background: #315ed2; font-size: 14px; }
:is(#msgModal,.mt-customer-chat) .mt-input-row button:hover { background: #264eb7; }
:is(#msgModal,.mt-customer-chat) .mt-input-row button:disabled { background: #7189b8; cursor: wait; }
:is(#msgSendStatus,.mt-customer-chat .mt-chat-status) { flex-shrink: 0; margin: 0; padding: 0 18px 12px; background: #fff; color: #32715c; font-size: 12px; line-height: 1.5; }
:is(#msgSendStatus,.mt-customer-chat .mt-chat-status)[data-state="error"] { color: #b42336; }
:is(#msgSendStatus,.mt-customer-chat .mt-chat-status)[hidden] { display: none !important; }
:is(#msgModal,.mt-customer-chat) :is(button, input):focus-visible { outline: 3px solid #92baf0; outline-offset: 3px; }

/* Forms use real labels, consistent controls and enough contrast. */
#page-compte .cpt-band { background: #f5f8fc; }
#page-compte .cpt-tabs { background: #eaf0f7; border: 1px solid #dce5ee; padding: 5px; border-radius: 10px; }
#page-compte .compte-tab { color: #567089; min-height: 44px; border-radius: 7px; }
#page-compte .compte-tab.active { color: #fff; background: #163a54; box-shadow: 0 2px 7px rgb(22 58 84 / 10%); }
#page-compte .cpt-label,
#compteLoggedIn .cpt-label,
#page-publier .form-label {
  color: #395872 !important; font-family: var(--font-body); font-size: 13px; font-weight: 650;
  letter-spacing: 0; text-transform: none; line-height: 1.5;
}
#page-publier .form-label :is(small, span):not([style*="dc2626"]) { color: #677b90 !important; font-weight: 400; }
#page-compte .cpt-input,
#compteLoggedIn .cpt-input,
#page-publier .form-input,
#page-publier .cream-input {
  box-sizing: border-box; min-width: 0; min-height: 48px; border: 1px solid #cddbe8 !important;
  border-radius: 8px; background: #fff !important; color: #163a54 !important;
  font-size: 15px; padding: 12px 14px; line-height: 1.45;
  transition: border-color .16s, box-shadow .16s;
}
#page-compte .cpt-input::placeholder,
#page-publier .form-input::placeholder { color: #7b8da0; opacity: 1; }
#page-compte .cpt-input:focus,
#compteLoggedIn .cpt-input:focus,
#page-publier .form-input:focus,
#page-publier .cream-input:focus { border-color: #7199d7 !important; box-shadow: 0 0 0 3px rgb(49 94 210 / 12%) !important; outline: none; }
#page-compte .cpt-input:disabled { background: #eff3f8 !important; color: #62768b !important; opacity: 1 !important; cursor: not-allowed; }
#page-compte .cpt-eye { width: 40px; height: 40px; right: 5px; justify-content: center; color: #5e748c; }
#page-compte .cpt-pwdwrap .cpt-input { padding-right: 48px; }
#page-compte .cpt-eye:focus-visible { outline: 2px solid #315ed2; outline-offset: 1px; }
#page-compte :is(.cpt-cgu, .cpt-secure, .cpt-benefits li) { color: #60758c; }
#page-compte .cpt-submit,
#page-compte .cpt-google { border-radius: 8px; min-height: 46px; }
#page-compte .cpt-cgu input { min-width: 18px; min-height: 18px; }
#compteLoggedIn .ac-settings-grid input[type="checkbox"] { accent-color: #315ed2 !important; }

/* Publication: quiet workspace, compact hero and an intelligible stepper. */
#page-publier :is(#pubBlobImg, #pubBlobImg2, #pubBlobImg3) { display: none; }
#page-publier .pub-hero { padding: 44px 40px; border-radius: var(--ui-radius, 10px); background: #163a54; box-shadow: none; }
#page-publier .pub-hero h1 { max-width: 20ch; font-size: clamp(32px, 4vw, 48px); line-height: 1.08; }
#page-publier .pub-hero h1 em { color: #a8d5fa; }
#page-publier .pub-hero p { color: #d6e5f3; max-width: 64ch; font-size: 15px; }
#page-publier .pub-shell { margin-top: 24px; gap: 28px; grid-template-columns: minmax(0, 1fr) 320px; }
#page-publier .pub-card { min-width: 0; padding: 30px; border: 1px solid #dce5ee; border-radius: var(--ui-radius, 10px); box-shadow: 0 5px 18px rgb(22 58 84 / 3%); }
#page-publier .pub-steps { gap: 8px; margin-bottom: 28px; padding-bottom: 24px; border-color: #e2e9f1; }
#page-publier .step-dot { width: 32px; height: 32px; background: #f2f6fb; border-color: #d7e2ed; color: #647b91; box-shadow: none; }
#page-publier .step-dot.active { background: #315ed2; border-color: #315ed2; color: #fff; box-shadow: 0 0 0 4px #ecf2fc; }
#page-publier .step-dot.done { color: #275b76; background: #e4f0f7; border-color: #bdd7e7; }
#page-publier .pub-step-row:not(:last-child)::before { top: 16px; background: #e0e8f1; }
#page-publier .pub-step-row:has(.step-dot.done)::before { background: #aac8e6; }
#page-publier .pub-step-label { display: block; }
#page-publier .pub-step-label b { color: #657b90; font-size: 12px; line-height: 1.5; }
#page-publier .publier-step-title { color: #163a54; font-size: 25px; }
#page-publier .pub-step-hint { color: #62768b; font-size: 14px; line-height: 1.65; }
#page-publier .radio-card { min-width: 0; border-radius: 8px; background: #f8fbff; border-color: #d5e0ec; }
#page-publier .radio-card:not(.rc-photo):has(input:checked) { background: #edf4ff; border-color: #315ed2; box-shadow: 0 0 0 2px rgb(49 94 210 / 8%); }
#page-publier .radio-card:has(input:checked)::after { color: #fff; }
#page-publier .photo-dropzone { background: #f5f9fe; border: 1.5px dashed #a9bfd6; border-radius: 9px; padding: 34px 18px; }
#page-publier .photo-dropzone:focus-visible { outline: 3px solid #8fb6ed; outline-offset: 4px; }
#page-publier .photo-dropzone:hover { background: #edf5ff; border-color: #678fc8; }
#page-publier .au-photo-add { display: block; min-height: 44px; margin: 18px auto 0; padding: 10px 18px; border: 1px solid #c7d8ee; border-radius: 8px; background: #fff; color: #244e88; font: 650 13px var(--font-body); cursor: pointer; }
#page-publier .au-photo-add:hover { background: #eaf2ff; border-color: #8facd5; }
#page-publier .au-photo-add:focus-visible { outline: 3px solid #8fb6ed; outline-offset: 3px; }
#page-publier #photoPrompt > div:last-child { color: #62768b !important; font-size: 13px !important; }
#page-publier .pub-nav { gap: 12px; }
#page-publier .pub-nav button { border-radius: 8px; min-height: 48px; }
#page-publier .pub-preview { min-width: 0; order: 0; }
#page-publier .pv-card { border-radius: 10px; border-color: #dce5ee; box-shadow: 0 5px 18px rgb(22 58 84 / 4%); }
#page-publier .pv-chip { color: #526b85; background: #eff4fa; border-color: #e0e8f0; }
#page-publier .pub-preview-note { color: #62768b; font-size: 12px; }

@media (max-width: 1000px) {
  #compteLoggedIn .cp2-ptab { padding: 16px; min-height: 116px; }
  #compteLoggedIn .cp2-ptab-sub { font-size: 11px; }
  #compteLoggedIn .cp2-kpi { padding: 16px 13px; }
  #compteLoggedIn .ac-list-card { grid-template-columns: minmax(170px, 34%) minmax(0, 1fr); }
  #compteLoggedIn .ac-list-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #page-publier .pub-shell { grid-template-columns: minmax(0, 1fr); }
  #page-publier .pub-preview { order: 1; max-width: 420px; }
  #page-publier .pub-hero { padding: 34px 28px; }
}
@media (max-width: 760px) {
  /* Remove the former empty column on phones; desktop identity stays put. */
  #compteLoggedIn .cp2-hero-top { grid-template-columns: minmax(0, 1fr) 100px; column-gap: 16px; row-gap: 0; min-height: 144px; }
  #compteLoggedIn .cp2-hero-top .cp2-id { grid-column: 1; grid-row: 1; flex-basis: auto; }
  #compteLoggedIn .cp2-hero-top .ac-avatar-edit { position: static; right: auto; top: auto; transform: none; grid-column: 2; grid-row: 1; justify-self: end; }
  #compteLoggedIn .ac-avatar-button .cp2-avatar { width: 90px; height: 90px; font-size: 27px; }
  #compteLoggedIn .cp2-hello { font-size: clamp(26px, 4.5vw, 36px); letter-spacing: -.9px; }
  #compteLoggedIn .cp2-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; font-size: 12px; }
  #compteLoggedIn .cp2-metadot { display: none; }
  #compteLoggedIn .cp2-eyebrow { font-size: 9px; letter-spacing: 1.4px; }
  #compteLoggedIn .cp2-ptabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #compteLoggedIn .cp2-ptab { flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 104px; padding: 15px; gap: 10px; }
  #compteLoggedIn .cp2-ptab .dash-badge { top: 15px; right: 13px; }
  #compteLoggedIn .cp2-ptab-sub { display: none !important; }
  #compteLoggedIn .cp2-ptab-txt { font-size: 14px; }
  #compteLoggedIn .cp2-bar { margin: 22px 0 30px; }
  #compteLoggedIn .cp2-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #compteLoggedIn .cp2-kpi:first-child { grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; }
  #compteLoggedIn .cp2-kpi:first-child .cp2-kpi-lbl { margin: 0; }
  #compteLoggedIn .ac-list-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #compteLoggedIn .ac-list-stats > span { padding: 12px; }
  #compteLoggedIn .ac-list-stats b { font-size: 24px; }
  #compteLoggedIn .ac-settings-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 540px) {
  #compteLoggedIn .cp2-hero { padding-top: 6px; }
  #compteLoggedIn .cp2-hero-top { grid-template-columns: minmax(0, 1fr) 98px; gap: 12px; min-height: 130px; }
  #compteLoggedIn .ac-avatar-button .cp2-avatar { width: 88px; height: 88px; }
  #compteLoggedIn .ac-avatar-camera { width: 28px; height: 28px; right: 0; bottom: 0; }
  #compteLoggedIn .cp2-hello { font-size: 27px; }
  #compteLoggedIn .cp2-eyebrow { font-size: 8px; letter-spacing: 1.1px; }
  #compteLoggedIn .cp2-meta { font-size: 11px; margin-top: 8px; }
  #compteLoggedIn #myAnnSection .ac-listings-heading { gap: 16px; }
  #compteLoggedIn #myAnnSection .ac-listings-heading .ac-publish { width: 100%; }
  #compteLoggedIn .ac-panel-heading p { font-size: 13px; }
  #compteLoggedIn .ac-list-card { grid-template-columns: minmax(0, 1fr); padding: 13px; gap: 18px; }
  #compteLoggedIn .ac-list-photo { height: auto; aspect-ratio: 4 / 3; }
  #compteLoggedIn .ac-list-info { padding: 0 4px; }
  #compteLoggedIn .ac-list-info h3 { font-size: 21px; }
  #compteLoggedIn .ac-list-actions { gap: 8px; padding-top: 14px; }
  #compteLoggedIn .ac-list-stats { gap: 6px; }
  #compteLoggedIn .ac-list-stats > span { padding: 11px 9px; font-size: 11px; }
  #compteLoggedIn .ac-list-stats b { font-size: 22px; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation { padding: 14px; gap: 12px; align-items: flex-start; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation.is-unread { padding-left: 11px; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation-photo { width: 64px; height: 72px; border-radius: 6px; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation-top { gap: 4px; flex-wrap: wrap; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation-title { font-size: 15px; white-space: normal; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation-preview { font-size: 13px; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation-time { font-size: 10px; }
  :is(#compteLoggedIn, #page-messages) .ac-conversation-bottom { font-size: 11px; gap: 7px; }
  #compteLoggedIn .ac-favorites-grid { grid-template-columns: minmax(0, 1fr); }
  #msgModal { padding: 10px !important; }
  :is(#msgModal,.mt-customer-chat) .mt-panel { height: calc(100vh - 20px) !important; height: calc(100dvh - 20px) !important; border-radius: 12px; }
  :is(#msgModal,.mt-customer-chat) .mt-panel > div:first-child { padding: 18px 60px 16px 18px !important; }
  :is(#msgModal,.mt-customer-chat) .mt-close { top: 13px; right: 12px; }
  :is(#msgHeaderTitle,.mt-customer-chat .mt-chat-title) { font-size: 16px !important; }
  :is(#msgThread,.mt-customer-chat .mt-chat-messages) { padding: 17px !important; }
  :is(#msgModal,.mt-customer-chat) .mt-input-row { padding: 12px; gap: 8px; }
  :is(#msgModal,.mt-customer-chat) .mt-input-row button { padding: 0 12px; font-size: 13px; }
  :is(#msgModal,.mt-customer-chat) .mt-bubble { max-width: 90%; padding: 10px 13px; }
  #page-compte .cpt-input, #page-publier .form-input { font-size: 16px; }
  #page-publier { padding-left: 0; padding-right: 0; }
  #page-publier .pub-hero { padding: 28px 22px; }
  #page-publier .pub-hero h1 { font-size: 34px; }
  #page-publier .pub-hero p { font-size: 14px; }
  #page-publier .pub-card { padding: 22px 16px; }
  #page-publier .pub-step-label b { font-size: 10px; overflow-wrap: anywhere; }
  #page-publier .pub-steps { gap: 4px; }
  #page-publier .publier-step-title { font-size: 23px; }
  #page-publier .publier-step > div[style*="grid-template-columns:1fr 1fr"],
  #page-publier #blocParcelle > div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: minmax(0, 1fr) !important; }
  #page-publier fieldset > div { grid-template-columns: minmax(0, 1fr) !important; }
  #page-publier #photoPreviewGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (prefers-reduced-motion: reduce) {
  #compteLoggedIn :is(.cp2-ptab, .ac-avatar-button, .ac-list-photo img, .ac-conversation),
  #page-publier :is(.form-input, .radio-card, .step-dot) { transition: none; }
}

/* The decoration is anchored to the page guides, independently of the greeting. */
#compteLoggedIn{position:relative;isolation:isolate;}
#compteLoggedIn .cp2-in{position:relative;z-index:1;}
#compteLoggedIn>.ac-identity-art{position:absolute;z-index:0;right:calc(var(--mt-guide-offset) + 1px);top:65px;width:min(43%,480px);height:240px;overflow:hidden;contain:paint;pointer-events:none;user-select:none;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent),linear-gradient(180deg,#000 58%,transparent);mask-composite:intersect;}
#compteLoggedIn .ac-identity-art svg{display:block;width:100%;height:100%;overflow:hidden;}
#compteLoggedIn .ac-identity-art path{vector-effect:non-scaling-stroke;}
#page-compte.active #compteLoggedIn .ac-identity-art svg{animation:ac-identity-arrive 1s cubic-bezier(.2,.7,.3,1) both;}
#page-compte.active #compteLoggedIn .ac-identity-lines path{stroke-dasharray:1;animation:ac-identity-trace 1.5s .12s ease-out both;}
@keyframes ac-identity-arrive{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}
@keyframes ac-identity-trace{from{stroke-dashoffset:1;}to{stroke-dashoffset:0;}}
@media(max-width:1050px){#compteLoggedIn>.ac-identity-art{width:40%;opacity:.75;}}
@media(max-width:760px){#compteLoggedIn>.ac-identity-art{width:46%;height:210px;opacity:.4;}}
@media(max-width:540px){#compteLoggedIn>.ac-identity-art{width:56%;height:190px;opacity:.25;}}
@media(prefers-reduced-motion:reduce){#page-compte.active #compteLoggedIn .ac-identity-art svg,#page-compte.active #compteLoggedIn .ac-identity-lines path{animation:none;}}
#compteLoggedIn .cp2-hero-top{display:grid;grid-template-columns:128px minmax(0,1fr);gap:26px;align-items:center;min-height:174px;}
#compteLoggedIn .cp2-hero-top .ac-avatar-edit{grid-column:1;grid-row:1;justify-self:start;align-self:center;}
#compteLoggedIn .cp2-hero-top .cp2-id{grid-column:2;grid-row:1;min-width:0;}
#compteLoggedIn .cp2-meta{overflow-wrap:anywhere;}
@media(max-width:760px){#compteLoggedIn .cp2-hero-top{grid-template-columns:98px minmax(0,1fr);gap:18px;min-height:150px;}}
@media(max-width:540px){#compteLoggedIn .cp2-hero-top{grid-template-columns:86px minmax(0,1fr);gap:15px;min-height:136px;}#compteLoggedIn .ac-avatar-button .cp2-avatar{width:80px;height:80px;}#compteLoggedIn .cp2-hello{font-size:clamp(23px,5.5vw,27px);}}

/* Customer support uses the same conversation presentation as member messages. */
dialog.mt-customer-chat{width:min(660px,calc(100% - 32px));max-width:none;max-height:none;padding:0!important;border:0;border-radius:14px;background:transparent;font-family:var(--font-body,system-ui);overflow:visible;backdrop-filter:none;}
dialog.mt-customer-chat::backdrop{background:rgb(10 28 45 / 48%);backdrop-filter:blur(5px);}
.mt-customer-chat .mt-panel{position:relative;box-sizing:border-box;overflow:hidden;}
.mt-customer-chat .mt-chat-header{background:#fff;border-bottom:1px solid #dce5ee;flex-shrink:0;}
.mt-customer-chat .mt-chat-title{font-family:var(--font-head);font-weight:700;color:#0a2540;}
.mt-customer-chat .mt-chat-messages{display:flex;flex-direction:column;flex:1;max-height:none;margin:0;overflow-y:auto;}
.mt-customer-chat .mt-bubble{box-sizing:border-box;border:1px solid transparent;margin:0;}
.mt-customer-chat .mt-bubble.sent{align-self:flex-end;}
.mt-customer-chat .mt-bubble.recv{align-self:flex-start;}
.mt-customer-chat .mt-input-row{display:flex;margin:0;background:#fff;border-top:1px solid #dce5ee;}
.mt-customer-chat .mt-input-row input{flex:1;width:0;border:1px solid #d3dfeb;font-family:inherit;}
.mt-customer-chat .mt-input-row button{width:auto;border:0;color:#fff;font-weight:700;}
.mt-customer-chat .mt-chat-status:empty{display:none;}
.mt-customer-chat .mt-chat-threads:not([hidden]){padding:20px;overflow-y:auto;}
@media(max-width:760px){dialog.mt-customer-chat{width:calc(100% - 20px);border-radius:12px;}}
/* Keep the editor below the navigation without a collapsing top margin. */
#page-publier { padding-top:92px; }
#page-publier .pub-hero { margin-top:0; }
@media(max-width:760px){#page-publier{padding-top:84px;}}

/* A horizontal live preview above the creation and editing form. */
#page-publier .pub-shell{grid-template-columns:minmax(0,1fr);}
#page-publier .pub-preview{position:static;top:auto;order:0;width:100%;max-width:none;margin:0;gap:10px;}
#page-publier .pv-card{display:grid;grid-template-columns:minmax(180px,26%) minmax(0,1fr);transform:none;}
#page-publier .pv-card:hover{transform:none;}
#page-publier .pv-photo{aspect-ratio:auto;min-height:180px;animation:none;background-size:cover;}
#page-publier .pv-body{min-width:0;padding:22px 26px;}
#page-publier .pv-title{min-height:0;font-size:20px;overflow-wrap:anywhere;}
#page-publier .pv-price{margin-top:8px;}
#page-publier .pv-foot{gap:12px;flex-wrap:wrap;}
#page-publier .pub-preview-note{margin:0;padding:0;text-align:left;}
@media(max-width:650px){
 #page-publier .pub-shell{gap:20px;}
 #page-publier .pv-card{grid-template-columns:minmax(100px,32%) minmax(0,1fr);}
 #page-publier .pv-photo{min-height:168px;}
 #page-publier #pvPhotoPlaceholder{font-size:11px;padding:10px;text-align:center;}
 #page-publier .pv-body{padding:14px 12px;}
 #page-publier .pv-title{font-size:15px;line-height:1.35;}
 #page-publier .pv-price{font-size:20px;margin-top:6px;}
 #page-publier .pv-meta{gap:4px;margin-top:8px;}
 #page-publier .pv-chip{font-size:10px;padding:3px 6px;}
 #page-publier .pv-foot{margin-top:10px;padding-top:9px;gap:6px;}
 #page-publier .pub-preview-note{font-size:12px;}
}
/* Match the account divider to the quieter decorative rules. */
#page-compte #compteLoggedIn .cp2-bar::after{opacity:.55;}