.seller-dialog {
  --s-green: #1e3f20;
  --s-border: #ded9cf;
  --s-paper: #faf8f5;
  --s-muted: #585950;
  position: fixed; inset: 0; margin: auto;
  box-sizing: border-box; width: min(600px, calc(100% - 32px)); max-height: 90dvh;
  padding: 0; overflow: auto; overscroll-behavior: contain;
  border: 1px solid var(--s-border); border-radius: 6px; color: #18181b;
  background: var(--s-paper); font: 16px/1.48 Inter, Arial, sans-serif; text-align: left;
}
.seller-dialog *, .seller-dialog *::before, .seller-dialog *::after { box-sizing: border-box; }
.seller-dialog::backdrop { background: rgb(27 35 27 / .56); }
.seller-dialog .seller-shell { max-width: 100%; padding: 32px 36px; }
.seller-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.seller-kicker { margin: 0; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: var(--s-green); }
.seller-dialog button, .seller-dialog input, .seller-dialog select, .seller-dialog textarea { font: inherit; }
.seller-dialog button { cursor: pointer; }
.seller-dialog button:disabled { opacity: .55; cursor: wait; }
.seller-dialog .seller-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; font-size: 26px; background: transparent; color: #33392f; border: 0; border-radius: 50%; }
.seller-dialog .seller-close:hover { background: #eeebe5; }
.seller-dialog h2 { font: 400 clamp(32px, 5vw, 43px)/1.1 Georgia, serif; letter-spacing: -.035em; margin: 20px 0 12px; text-transform: none; color: #18181b; }
.seller-dialog h2:focus { outline: none; }
.seller-progress { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin: 0 0 24px; }
.seller-progress span { display: block; height: 4px; background: var(--s-border); border-radius: 1px; }
.seller-progress .done { background: var(--s-green); }
.seller-intro, .seller-note, .seller-dialog .seller-help { color: var(--s-muted); margin: 0; }
.seller-intro { margin-bottom: 22px; }
.seller-form { display: grid; gap: 17px; }
.seller-field { display: grid; gap: 6px; min-width: 0; }
.seller-field label, .seller-dialog legend { color: #222c23; font-size: 15px; font-weight: 650; }
.seller-field input, .seller-field select, .seller-field textarea { display: block; min-width: 0; width: 100%; min-height: 48px; border-radius: 3px; background: white; color: #18181b; border: 1px solid #b5b5a9; padding: 10px 12px; }
.seller-field textarea { min-height: 110px; resize: vertical; }
.seller-dialog :is(input, select, textarea, button, a):focus-visible { outline: 3px solid #466d47; outline-offset: 2px; }
.seller-dialog .seller-help { font-size: 13px; line-height: 1.45; }
.seller-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.seller-checks { padding: 0; margin: 0; border: 0; }
.seller-checks legend { margin-bottom: 6px; }
.seller-checks label { display: flex; align-items: center; gap: 12px; min-height: 44px; cursor: pointer; }
.seller-checks input { width: 20px; height: 20px; accent-color: var(--s-green); flex: 0 0 auto; }
.seller-actionbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--s-border); padding-top: 20px; margin-top: 8px; }
.seller-dialog .seller-primary, .seller-dialog .seller-alt { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 18px; border: 1px solid var(--s-green); border-radius: 3px; font-size: 15px; font-weight: 600; text-decoration: none; }
.seller-dialog .seller-primary { color: white; background: var(--s-green); margin-left: auto; }
.seller-dialog .seller-alt { color: var(--s-green); background: transparent; }
.seller-dialog .seller-alt:hover { background: #ecf0e6; }
.seller-dialog .seller-primary:hover { background: #2c512d; }
.seller-drop { display: grid; gap: 4px; justify-items: center; align-content: center; text-align: center; position: relative; padding: 22px 12px; border: 1px dashed #85947d; border-radius: 3px; color: var(--s-green); background: #f0f2ea; }
.seller-drop strong { text-decoration: underline; text-underline-offset: 3px; }
.seller-drop input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
.seller-drop:focus-within, .seller-drop.is-over { outline: 3px solid #466d47; outline-offset: 2px; }
.seller-previews { display: flex; gap: 10px; flex-wrap: wrap; }
.seller-previews:empty { display: none; }
.seller-thumb { position: relative; }
.seller-thumb img { width: 96px; height: 72px; display: block; object-fit: cover; border-radius: 3px; }
.seller-thumb button { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 0; color: white; background: #253425; border-radius: 0 3px 0 3px; font-size: 22px; }
.seller-error { color: #963b1c; font-size: 14px; margin: 0; }
.seller-error:empty, .seller-note:empty, .seller-dialog [hidden] { display: none; }
.seller-offer { border: 1px solid var(--s-border); background: white; padding: 18px; margin: 24px 0; }
.seller-offer summary { cursor: pointer; min-height: 44px; line-height: 1.55; display: list-item; align-content: center; font-weight: 600; }
.seller-offer p { font-size: 14px; margin: 8px 0 0; }
.seller-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; border-block: 1px solid var(--s-border); padding-block: 16px; }
.seller-dialog .seller-auth { margin: 0; color: var(--s-muted); }
.seller-auth a { color: var(--s-green); font-weight: 650; }
@media(max-width: 600px) {
 .seller-dialog { width: 100%; height: 100dvh; max-height: 100dvh; max-width: 100%; border: 0; border-radius: 0; }
 .seller-dialog .seller-shell { padding: 16px 20px max(22px, env(safe-area-inset-bottom)); }
 .seller-pair { grid-template-columns: 1fr; gap: 17px; }
 .seller-actionbar { flex-wrap: wrap; }
}
@media(max-width: 350px) { .seller-actionbar { align-items: stretch; flex-direction: column-reverse; } .seller-dialog .seller-primary { margin-left: 0; } }
html.seller-dialog-open { overflow: hidden; }

.seller-food{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.seller-food input{accent-color:var(--green)}

.seller-drop strong{display:inline-block;padding:9px 16px;border-radius:4px;background:var(--s-green);color:white;text-decoration:none}.edit-photos{margin:10px 0}.seller-note:empty,.seller-previews:empty{display:none}

/* --- v2 : connexion par e-mail, mentions « Exemple », statut des annonces --- */
[hidden] { display: none !important; }
.flag { display: inline-block; margin: 0 0 8px; padding: 3px 8px; border: 1px solid #d8cfb8; border-radius: 3px; background: #fbf6e8; color: #5a4b22; font-size: 12px; font-weight: 650; }
.flag.mine { border-color: #c9d6c3; background: #eef3ea; color: #1e3f20; }
.flag-banner { margin: 12px 0 0; padding: 10px 14px; border: 1px solid #d8cfb8; border-radius: 4px; background: #fbf6e8; color: #4a3f1f; font-size: 14px; }
.auth-form { display: grid; gap: 14px; }
.auth-form p { margin: 0; }
.auth-form .seller-error { color: #9a2a1c; font-size: 14px; }
.auth-form .seller-error:empty { display: none; }
.auth-sent { font-size: 16px; }
.auth-code { font-size: 26px !important; letter-spacing: .35em; text-align: center; font-variant-numeric: tabular-nums; }
.auth-link { padding: 0; border: 0; background: none; color: #1e3f20; font: inherit; text-decoration: underline; cursor: pointer; }
#info .seller-field input { min-height: 48px; padding: 10px 12px; border: 1px solid #ded9cf; border-radius: 3px; background: #fff; font: inherit; font-size: 16px; }
#info .seller-field label { font-weight: 650; font-size: 15px; }
#info .seller-help { color: #585950; font-size: 13px; }
.seller-dialog .seller-wide { width: 100%; margin-left: 0; }
.seller-consent { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; cursor: pointer; }
.seller-consent input { width: 20px; height: 20px; margin-top: 2px; flex: 0 0 auto; accent-color: #1e3f20; }
.seller-consent a { color: #1e3f20; }
.seller-account { font-weight: 650; }
.legal { max-width: 760px; padding: 28px 0 64px; }
.legal h1 { font: 400 clamp(32px, 6vw, 44px)/1.1 Georgia, serif; letter-spacing: -.03em; margin: 24px 0 8px; }
.legal h2 { font: 600 20px/1.3 Georgia, serif; margin: 28px 0 6px; }
.legal p, .legal li { line-height: 1.6; }
.seller-restored { margin: 0 0 18px; padding: 10px 14px; border: 1px solid #c9d6c3; border-radius: 4px; background: #eef3ea; color: #1e3f20; font-size: 14px; }
.seller-next { display: grid; gap: 10px; margin: 18px 0 0; padding: 14px; border: 1px solid #c9d6c3; border-radius: 4px; background: #eef3ea; }
.seller-next p { margin: 0; font-size: 15px; }
.seller-dialog .seller-next .seller-alt { justify-self: start; border: 1px solid #1e3f20; text-decoration: none; }
.report-line { margin: 18px 0 0; font-size: 14px; }
.report-line .auth-link { color: #63645c; }
#info select, #info textarea { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #ded9cf; border-radius: 3px; background: #fff; font: inherit; font-size: 16px; }
/* Enveloppe « Messages » et pastille rouge des non-lus */
.msg-link { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 10px; color: #18181b; text-decoration: none; font-weight: 600; }
.msg-link .icon { width: 22px; height: 22px; }
.msg-dot { position: absolute; top: 4px; left: 24px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #c62828; color: #fff; font: 700 11px/18px Arial, sans-serif; text-align: center; box-shadow: 0 0 0 2px #faf8f5; }
@media (max-width: 700px) { .msg-link .msg-label { display: none; } }
