/* ASIS-TECH · sell.css — formulaires guidés et lisibles, badges gros/détail, recherche avancée */

/* bandeau d'en-tête des formulaires */
.fhd{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--p);color:var(--onp,#fff);display:flex;flex-direction:column;gap:3px}
.fhd b{font-size:16px;font-weight:800;color:inherit!important}
.fhd span{font-size:12.5px;line-height:1.35;opacity:.95}
.fhd i{font-style:normal;font-weight:800;color:var(--acc,#f5c400)}

/* chaque case est numérotée : on sait toujours quoi remplir ensuite */
#mktForm,#slForm,#panel .card:has(#fT){counter-reset:fl}
:is(#mktForm,#slForm,#panel .card:has(#fT)) label{display:flex;align-items:center;gap:8px;margin:16px 0 6px;font-size:14px;font-weight:700;color:var(--tx)}
:is(#mktForm,#slForm,#panel .card:has(#fT)) label::before{counter-increment:fl;content:counter(fl);flex:none;width:22px;height:22px;border-radius:50%;background:var(--p);color:var(--onp,#fff);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}

/* champs : fond teinté et bordure nette, on voit où toucher */
:is(#mktForm,#slForm,#advP,#panel .card:has(#fT)) :is(input,select,textarea):not([type=file]):not([type=color]){font-size:16px;min-height:48px;background:color-mix(in srgb,var(--p) 5%,var(--card));border:2px solid color-mix(in srgb,var(--p) 30%,var(--bd));border-radius:12px}
:is(#mktForm,#slForm,#advP,#panel .card:has(#fT)) :is(input,select,textarea):focus{background:var(--card);border-color:var(--p)}
:is(#mktForm,#slForm,#panel .card:has(#fT)) input[type=file]{width:100%;padding:12px;border:2px dashed var(--p);border-radius:12px;background:color-mix(in srgb,var(--p) 6%,var(--card));font-size:14px}
:is(#mktForm,#slForm,#panel .card:has(#fT)) :is(input,select,textarea)::placeholder{opacity:.75}
#advP label{display:block;margin:14px 0 6px;font-size:14px;font-weight:700;color:var(--tx)}

/* gros bouton d'envoi, impossible à manquer */
#mkSend,#slSend,#pB{min-height:52px;font-size:16px;font-weight:800;border-radius:12px;box-shadow:0 4px 14px color-mix(in srgb,var(--p) 35%,transparent)}

/* boutons à choix */
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{flex:1 1 auto;min-height:46px;padding:10px 14px;border-radius:12px;border:2px solid color-mix(in srgb,var(--p) 30%,var(--bd));background:var(--card);color:var(--tx);font-size:14px;font-weight:700;cursor:pointer}
.seg button.on{background:var(--p);color:var(--onp,#fff);border-color:var(--p)}
.seg button:focus-visible{outline:3px solid color-mix(in srgb,var(--p) 40%,transparent);outline-offset:2px}

/* aide sous les champs et bouton générer */
.fh{display:block;margin:4px 0 0;font-size:12px;line-height:1.35;color:var(--mu)}
.gen{width:100%;margin-top:8px;min-height:44px;font-weight:700}

/* mention gros / détail sur les cartes */
.sl-b{display:inline-block;margin:2px 0 4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.2px}
.sl-b.gros{background:#f5c400;color:#1d1600}
.sl-b.detail{background:color-mix(in srgb,var(--p) 14%,var(--card));color:var(--p)}

/* bloc de recherche avancée */
.advp{margin:8px 0 12px;padding:14px;border:2px solid var(--p);border-radius:14px;background:var(--card)}
.advp.hidden{display:none}
.advp .pra{display:flex;gap:8px;margin-top:14px}
.advp .pra .b{flex:1;min-height:48px;font-weight:800}
.advp .g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#advB.p{font-weight:800}

/* carte réglages image */
#iqCard select{width:100%}

/* le bloc est dans la barre collée en haut : il défile lui-même, sans entraîner la page derrière */
.advp{max-height:calc(100vh - var(--hh,64px) - 130px);max-height:calc(100dvh - var(--hh,64px) - 130px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.advp .pra{position:sticky;bottom:-14px;margin:14px -14px -14px;padding:10px 14px;background:var(--card);border-top:1px solid var(--bd)}
.prp{max-height:calc(100vh - var(--hh,64px) - 130px);max-height:calc(100dvh - var(--hh,64px) - 130px);overflow-y:auto;overscroll-behavior:contain}

/* v11 : bloc de recherche avancée compact, et bouton « Discuter » masqué pendant qu'il est ouvert */
body:has(#advP:not(.hidden)) #fab,body:has(#prP:not(.hidden)) #fab{display:none!important}
.advp{padding:10px 12px;max-height:calc(100vh - var(--hh,64px) - 110px);max-height:calc(100dvh - var(--hh,64px) - 110px)}
.advh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.advh b{font-size:15px;font-weight:800}
.advx{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd);background:var(--card);color:var(--tx);font-size:20px;line-height:1;cursor:pointer}
#advP label{margin:8px 0 3px;font-size:12.5px}
#advP :is(input,select){min-height:40px!important;padding:8px 10px!important;font-size:15px!important;border-width:1px!important;border-radius:10px!important;width:100%}
#advP .g2{gap:8px;margin-top:0}
#advP .g2>div label{margin-top:8px}
#advP .seg{gap:6px}
#advP .seg button{min-height:38px;padding:6px 10px;font-size:13px;border-width:1px}
.advp .pra{margin:10px -12px -10px;padding:8px 12px;bottom:-10px}
.advp .pra .b{min-height:42px}