/* =========================================================
   NotaPulse — Espace de l'étude
   Polices, couleurs et arrondis repris du site (variables injectées).
   ========================================================= */
:root{
	--nuit:#0A1A31; --marine:#0E2340; --marine-2:#1A3766;
	--or:#B8954A; --or-fonce:#9C7A34; --or-clair:#D9BE7E;
	--ivoire:#F5F3EE; --encre:#1C2433; --gris:#556070; --filet:#E1DCD1;
	--font-head:"Libre Caslon Text",Georgia,serif;
	--font-body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--graisse:400; --radius:6px; --radius-l:10px;
	--vert:#2F7D57; --rouge:#B3402F;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.npe{margin:0;background:var(--ivoire);color:var(--encre);font:400 1rem/1.55 var(--font-body)}
.npe img{max-width:100%;display:block}
.npe a{color:var(--marine)}
.npe h1,.npe h2{font-family:var(--font-head);font-weight:var(--graisse);color:var(--marine);margin:0;line-height:1.2}
.npe h1{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.npe h2{font-size:1.2rem;margin-bottom:1rem}
.npe svg{width:1.15em;height:1.15em;flex:none}
:focus-visible{outline:3px solid var(--or);outline-offset:2px}

/* Boutons */
.npe-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.15rem;border-radius:var(--radius);border:1.5px solid var(--marine);background:#fff;color:var(--marine);font:600 .95rem/1 var(--font-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.npe-btn:hover{background:var(--ivoire)}
.npe-btn--plein{background:var(--marine);color:#fff!important}
.npe-btn--plein:hover{background:var(--marine-2)}
.npe-btn--large{width:100%;min-height:50px}
.npe-btn--fichier{position:relative;overflow:hidden;width:100%}
.npe-btn--fichier input{position:absolute;inset:0;opacity:0;cursor:pointer}
.npe-lien-danger{background:none;border:0;padding:0;color:var(--rouge);font:600 .9rem var(--font-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* Champs */
.npe-champ{display:block;margin-bottom:1rem}
.npe-champ > span{display:block;font-size:.88rem;font-weight:600;color:var(--encre);margin-bottom:.35rem}
.npe-champ input,.npe-champ select,.npe-champ textarea{width:100%;font:inherit;color:var(--encre);background:#fff;border:1.5px solid var(--filet);border-radius:var(--radius);padding:.7rem .8rem;min-height:46px}
.npe-champ textarea{min-height:0;resize:vertical}
.npe-champ input:focus,.npe-champ select:focus,.npe-champ textarea:focus{border-color:var(--or);outline:0;box-shadow:0 0 0 3px rgba(184,149,74,.18)}
.npe-champ--titre input{font:var(--graisse) 1.3rem/1.3 var(--font-head);color:var(--marine)}
.npe-case{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;margin:.2rem 0 .4rem;cursor:pointer}
.npe-case input{width:18px;height:18px;margin:.1rem 0 0;accent-color:var(--marine);flex:none}
.npe-aide{font-size:.86rem;color:var(--gris);margin:-.4rem 0 1rem}
.npe-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem}
.npe-grille .npe-champ--plein{grid-column:1/-1}

/* Connexion */
.npe-connexion{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.2rem}
.npe-connexion__carte{width:100%;max-width:420px;background:#fff;border:1px solid var(--filet);border-radius:var(--radius-l);padding:2.2rem 2rem;box-shadow:0 18px 40px -26px rgba(14,35,64,.45)}
.npe-form-connexion{margin-top:1.6rem}
.npe-form-connexion .npe-btn{width:100%;margin-top:.8rem;min-height:50px}
.npe-petit{display:inline-block;margin-top:1rem;font-size:.9rem;color:var(--gris)!important}
.npe-retour-site{margin-top:1.4rem}

/* Marque */
.npe-marque{display:flex;align-items:center;gap:.75rem}
.npe-marque img{max-height:44px;width:auto}
.npe-marque__logo{width:42px!important;height:42px!important;color:var(--or)}
.npe-marque strong{display:block;font:var(--graisse) 1.15rem/1.15 var(--font-head);color:var(--marine)}
.npe-marque small{display:block;font-size:.78rem;color:var(--gris);margin-top:.15rem}
.npe-marque--centre{flex-direction:column;text-align:center}
.npe-marque--centre img{max-height:60px}

/* Cadre : colonne de gauche + contenu */
.npe-cadre{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}
.npe-cote{position:sticky;top:0;height:100vh;background:var(--marine);color:#fff;display:flex;flex-direction:column;padding:1.6rem 1.1rem}
.npe-cote .npe-marque{padding:0 .5rem 1.6rem;border-bottom:1px solid rgba(255,255,255,.1)}
.npe-cote .npe-marque strong{color:#fff}
.npe-cote .npe-marque small{color:var(--or-clair)}
.npe-cote .npe-marque img{background:#fff;border-radius:var(--radius);padding:4px}
.npe-nav{display:grid;gap:.25rem;margin-top:1.4rem}
.npe-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem .8rem;border-radius:var(--radius);color:#D6DEE0;text-decoration:none;font-weight:500}
.npe-nav a svg{color:var(--or-clair)}
.npe-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.npe-nav a.actif{background:rgba(255,255,255,.1);color:#fff;font-weight:600}
.npe-pastille{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--or);color:var(--marine);font-size:.78rem;display:grid;place-items:center}
.npe-cote__bas{margin-top:auto;display:grid;gap:.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
.npe-cote__bas a{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;color:#AAB6BA;text-decoration:none;font-size:.92rem;border-radius:var(--radius)}
.npe-cote__bas a:hover{color:#fff;background:rgba(255,255,255,.06)}
.npe-cote__qui{padding:.6rem .8rem 0;font-size:.82rem;color:#7F8D99}
.npe-principal{padding:2.2rem clamp(1.2rem,3vw,2.8rem) 4rem;max-width:1240px;width:100%}

/* En-tête de page */
.npe-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.npe-tete__actions{display:flex;gap:.6rem;flex-wrap:wrap}
.npe-sur{display:block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--or-fonce);margin-bottom:.4rem}
.npe-fil{display:inline-block;font-size:.9rem;color:var(--gris)!important;text-decoration:none;margin-bottom:.45rem}
.npe-fil:hover{color:var(--marine)!important}
.npe-sous{display:block;margin-top:.3rem;color:var(--gris);font-size:.92rem}

/* Messages */
.npe-alerte{margin:0 0 1.4rem;padding:.9rem 1.1rem;border-radius:var(--radius);font-weight:500;border:1px solid}
.npe-alerte--ok{background:#EEF6F1;border-color:#BFDCCB;color:#1F5A3D}
.npe-alerte--ko{background:#FBEFEC;border-color:#EBC3BA;color:#8A2E20}

/* Cartes */
.npe-carte{background:#fff;border:1px solid var(--filet);border-radius:var(--radius-l);padding:1.5rem;margin-bottom:1.2rem}
.npe-carte--liste{padding:.4rem 0}
.npe-carte__tete{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0 0 .4rem}
.npe-carte__tete a{font-size:.92rem;font-weight:600;text-decoration:none;color:var(--or-fonce)}
.npe-carte .npe-liste{margin:0 -1.5rem -1.5rem}
.npe-carte--liste .npe-liste{margin:0}
.npe-rien{padding:1.4rem 1.5rem;margin:0;color:var(--gris)}

/* Accueil */
.npe-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}
.npe-stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1rem;align-items:center;background:#fff;border:1px solid var(--filet);border-radius:var(--radius-l);padding:1.3rem 1.4rem;text-decoration:none;color:var(--encre)}
.npe-stat:hover{border-color:var(--or)}
.npe-stat svg{grid-row:1/3;width:2.6rem;height:2.6rem;padding:.6rem;border-radius:50%;background:var(--ivoire);color:var(--or-fonce)}
.npe-stat strong{font:var(--graisse) 2rem/1 var(--font-head);color:var(--marine)}
.npe-stat span{color:var(--gris);font-size:.92rem}
.npe-raccourcis{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.6rem}

/* Listes */
.npe-liste{list-style:none;margin:0;padding:0}
.npe-ligne{display:flex;align-items:center;border-top:1px solid var(--filet)}
.npe-ligne:first-child{border-top:0}
.npe-ligne__lien{flex:1;min-width:0;display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;text-decoration:none;color:var(--encre)}
.npe-ligne__lien:hover{background:#FBFAF7}
.npe-ligne__img{width:76px;height:56px;flex:none;border-radius:var(--radius);overflow:hidden;background:var(--ivoire)}
.npe-ligne__img img{width:100%;height:100%;object-fit:cover}
.npe-vide{display:grid;place-items:center;width:100%;height:100%;color:#BDB5A3}
.npe-ligne__txt{flex:1;min-width:0}
.npe-ligne__txt strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.npe-ligne__txt small{display:block;color:var(--gris);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.npe-ligne__prix{font:var(--graisse) 1.05rem var(--font-head);color:var(--marine);white-space:nowrap}
.npe-ligne__date{font-size:.86rem;color:var(--gris);white-space:nowrap;min-width:90px;text-align:right}
.npe-ligne__actions{padding-right:1.2rem}
.npe-ligne__actions a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--gris)}
.npe-ligne__actions a:hover{background:var(--ivoire);color:var(--marine)}
.npe-ligne--nouvelle .npe-ligne__txt strong{color:var(--marine)}
.npe-point{width:9px;height:9px;border-radius:50%;background:#D5CFC2;flex:none}
.npe-ligne--nouvelle .npe-point{background:var(--or)}
.npe-badge{display:inline-block;padding:.28rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}
.npe-badge--vert{background:#E6F2EB;color:var(--vert)}
.npe-badge--or{background:#F6EEDC;color:var(--or-fonce)}
.npe-badge--marine{background:#E5EAF2;color:var(--marine)}
.npe-badge--gris{background:#EEECE7;color:var(--gris)}
.npe-filtres{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.npe-filtres a{padding:.5rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--filet);text-decoration:none;font-size:.9rem;font-weight:500;color:var(--encre)}
.npe-filtres a.actif{background:var(--marine);border-color:var(--marine);color:#fff}
.npe-filtres b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--or);color:var(--marine);font-size:.75rem;margin-left:.2rem}
.npe-pages{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--filet);color:var(--gris);font-size:.9rem}

/* Fiches */
.npe-deux{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.2rem;align-items:start}
.npe-deux__cote{position:sticky;top:1.2rem}
.npe-repli{padding:0}
.npe-repli summary{list-style:none;cursor:pointer;padding:1.3rem 1.5rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem}
.npe-repli summary::-webkit-details-marker{display:none}
.npe-repli summary h2{margin:0}
.npe-repli summary span{font-size:.88rem;color:var(--gris)}
.npe-repli summary::after{content:"+";margin-left:auto;font:1.4rem/1 var(--font-head);color:var(--or)}
.npe-repli[open] summary::after{content:"–"}
.npe-repli > .npe-grille{padding:0 1.5rem .5rem}
.npe-mini summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--or-fonce);margin-bottom:.8rem}
.npe-zone-danger{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.5rem;font-size:.88rem;color:var(--gris)}
.npe-zone-danger--cote{justify-content:center}

/* Éditeur simplifié */
.npe-editeur{border:1.5px solid var(--filet);border-radius:var(--radius);background:#fff;overflow:hidden}
.npe-editeur:focus-within{border-color:var(--or);box-shadow:0 0 0 3px rgba(184,149,74,.18)}
.npe-editeur__barre{display:flex;flex-wrap:wrap;gap:.3rem;padding:.45rem;background:#FBFAF7;border-bottom:1px solid var(--filet);position:sticky;top:0}
.npe-editeur__barre button{border:1px solid transparent;background:none;border-radius:var(--radius);padding:.4rem .65rem;font:500 .88rem var(--font-body);color:var(--encre);cursor:pointer}
.npe-editeur__barre button:hover{background:#fff;border-color:var(--filet)}
.npe-editeur__zone{min-height:260px;padding:1rem 1.1rem;outline:0;line-height:1.65}
.npe-editeur__zone h2{font-size:1.3rem;margin:1.2rem 0 .5rem}
.npe-editeur__zone h3{font-family:var(--font-head);font-weight:var(--graisse);color:var(--marine);font-size:1.1rem;margin:1rem 0 .4rem}
.npe-editeur__zone p{margin:0 0 .8rem}
.npe-editeur__zone:empty::before{content:"Rédigez ici. Utilisez « Intertitre » pour structurer le texte.";color:#A8A193}

/* Photos */
.npe-photos__liste{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.npe-photos__liste:empty{display:none}
.npe-photos__liste li{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--ivoire)}
.npe-photos__liste img{width:100%;height:100%;object-fit:cover}
.npe-photos__une{display:none;position:absolute;left:.5rem;top:.5rem;background:var(--marine);color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius)}
.npe-photos__liste li:first-child .npe-photos__une{display:block}
.npe-photos__liste li:first-child{outline:2px solid var(--or);outline-offset:2px}
.npe-photos__boutons{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;gap:.3rem;padding:.4rem;background:linear-gradient(transparent,rgba(10,26,52,.6))}
.npe-photos__boutons button{width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:var(--marine);cursor:pointer;font-size:.85rem}
.npe-photos__boutons button[data-x]{color:var(--rouge)}
.npe-depot{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.6rem 1rem;border:2px dashed #D5CFC2;border-radius:var(--radius-l);text-align:center;cursor:pointer;background:#FBFAF7}
.npe-depot:hover,.npe-depot.survol{border-color:var(--or);background:#fff}
.npe-depot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.npe-depot svg{width:1.8rem;height:1.8rem;color:var(--or)}
.npe-depot span{font-size:.88rem;color:var(--gris)}
.npe-photos__nouv{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}
.npe-photos__nouv li{position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden}
.npe-photos__nouv img{width:100%;height:100%;object-fit:cover;opacity:.85}
.npe-photos__nouv li::after{content:"À ajouter";position:absolute;left:.4rem;bottom:.4rem;background:#fff;color:var(--marine);font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:var(--radius)}

/* Image d'article */
.npe-image__apercu{aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--ivoire);margin-bottom:.8rem}
.npe-image__apercu img{width:100%;height:100%;object-fit:cover}

/* Demande */
.npe-infos{display:grid;grid-template-columns:max-content 1fr;gap:.6rem 1.4rem;margin:1.2rem 0 1.4rem}
.npe-infos dt{color:var(--gris);font-size:.92rem}
.npe-infos dd{margin:0;font-weight:500}
.npe-message{background:var(--ivoire);border-radius:var(--radius);padding:1rem 1.1rem;line-height:1.65;white-space:normal}
.npe-choix{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}
.npe-choix label{cursor:pointer}
.npe-choix input{position:absolute;opacity:0}
.npe-choix span{display:block;text-align:center;padding:.7rem;border:1.5px solid var(--filet);border-radius:var(--radius);font-weight:600;font-size:.92rem}
.npe-choix input:checked + span{border-color:var(--marine);background:var(--marine);color:#fff}
.npe-choix input:focus-visible + span{outline:3px solid var(--or)}

/* ---------- Tablette ---------- */
@media (max-width:1100px){
	.npe-deux{grid-template-columns:minmax(0,1fr)}
	.npe-deux__cote{position:static}
	.npe-grille{grid-template-columns:1fr 1fr}
}
/* ---------- Téléphone : barre d'onglets en bas ---------- */
@media (max-width:820px){
	.npe-cadre{display:block}
	.npe-cote{position:sticky;top:0;z-index:20;height:auto;padding:.7rem 1rem;flex-direction:row;align-items:center}
	.npe-cote .npe-marque{padding:0;border:0}
	.npe-cote .npe-marque small{display:none}
	.npe-cote .npe-marque img{max-height:34px}
	.npe-marque__logo{width:34px!important;height:34px!important}
	.npe-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-top:1px solid var(--filet);padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom))}
	.npe-nav a{flex-direction:column;gap:.2rem;padding:.45rem .2rem;font-size:.72rem;color:var(--gris);position:relative;text-align:center}
	.npe-nav a svg{width:1.4rem;height:1.4rem;color:var(--gris)}
	.npe-nav a.actif{background:none;color:var(--marine)}
	.npe-nav a.actif svg{color:var(--or-fonce)}
	.npe-nav a:hover{background:none;color:var(--marine)}
	.npe-pastille{position:absolute;top:2px;left:calc(50% + 6px);margin:0;min-width:18px;height:18px;font-size:.68rem}
	.npe-cote__bas{margin:0 0 0 auto;padding:0;border:0;display:flex}
	.npe-cote__bas a{padding:.5rem;font-size:0;gap:0}
	.npe-cote__bas a svg{width:1.3rem;height:1.3rem}
	.npe-cote__qui{display:none}
	.npe-principal{padding:1.4rem 1rem 6.5rem}
	.npe-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
	.npe-stat{display:block;text-align:center;padding:1rem .5rem}
	.npe-stat svg{display:none}
	.npe-stat strong{display:block;font-size:1.7rem}
	.npe-stat span{display:block;font-size:.78rem;line-height:1.3;margin-top:.2rem}
	.npe-raccourcis .npe-btn{flex:1}
	.npe-tete{align-items:flex-start}
	.npe-tete__actions{width:100%}
	.npe-tete__actions .npe-btn{flex:1}
	.npe-tete > .npe-btn{width:100%}
	.npe-ligne__lien{padding:.8rem 1rem;gap:.75rem;flex-wrap:wrap}
	.npe-ligne__img{width:64px;height:48px}
	.npe-ligne__txt{flex-basis:calc(100% - 80px)}
	.npe-ligne__prix{margin-left:76px}
	.npe-ligne__date{min-width:0}
	.npe-ligne__actions{display:none}
	.npe-carte{padding:1.2rem}
	.npe-carte .npe-liste{margin:0 -1.2rem -1.2rem}
	.npe-grille{grid-template-columns:1fr 1fr}
	.npe-repli summary{padding:1.1rem 1.2rem}
	.npe-repli > .npe-grille{padding:0 1.2rem .4rem}
	.npe-infos{grid-template-columns:1fr;gap:.1rem}
	.npe-infos dd{margin-bottom:.6rem}
	.npe-connexion__carte{padding:1.8rem 1.4rem}
}