@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#092c3e;--blue:#0d566f;--mint:#e5f1ed;--gold:#d8a33b;--ink:#19323d;--muted:#61717a;--line:#dbe5e5}*{box-sizing:border-box}body{margin:0;background:#f5f8f7;color:var(--ink);font-family:'DM Sans',sans-serif}header{height:76px;padding:0 max(5vw,25px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-family:'Playfair Display';font-size:21px;color:var(--navy)}nav{display:flex;gap:20px;align-items:center}nav a,nav button,.link{border:0;background:none;color:var(--blue);font:600 14px 'DM Sans';cursor:pointer;text-decoration:none}main{max-width:1160px;margin:auto;padding:65px 26px}#home{padding:65px 7%;border-radius:18px;background:linear-gradient(125deg,#0a3344,#0d6074);color:white;box-shadow:0 14px 35px #092c3e22}h1,h2,h3{font-family:'Playfair Display';margin-top:0}h1{font-size:clamp(39px,6vw,67px);line-height:1.03;max-width:700px;margin-bottom:16px}h2{font-size:32px}.eyebrow{color:var(--gold);letter-spacing:1.5px;font-size:11px;font-weight:700}#home p:not(.eyebrow){font-size:18px;max-width:560px;line-height:1.6;color:#d9eced}.primary{border:0;border-radius:6px;background:var(--gold);color:#1d2d30;padding:12px 18px;font-weight:700;cursor:pointer;margin-top:10px}.primary:hover{filter:brightness(1.08)}#articles,#collection,#admin{margin-top:64px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article,.stats div,.table{background:#fff;border:1px solid var(--line);border-radius:10px}.cards article{padding:22px}.cards h3{font-size:20px;margin-bottom:9px}.cards p{line-height:1.55;color:var(--muted);font-size:14px}.title{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.stats div{padding:17px;color:var(--muted);font-size:13px}.stats b{display:block;margin-top:7px;color:var(--navy);font:28px 'Playfair Display'}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:#edf4f1;text-align:left;padding:13px;color:#51636a;font-size:12px}td{padding:14px;border-top:1px solid var(--line)}td button{border:0;background:none;color:var(--blue);font-weight:600;cursor:pointer}dialog{border:0;border-radius:14px;width:min(640px,94vw);box-shadow:0 25px 70px #001b2f66}dialog::backdrop{background:#08293a99}dialog form{padding:26px}label{display:block;margin:12px 0;font-size:13px;font-weight:600}input,select,textarea{width:100%;display:block;margin-top:6px;padding:10px;border:1px solid #cad6d7;border-radius:6px;font:14px 'DM Sans';background:#fbfdfc}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.error{min-height:18px;color:#aa3540;font-size:13px}@media(max-width:700px){main{padding:35px 18px}#home{padding:40px 25px}.cards,.stats,.grid{grid-template-columns:1fr}.title{align-items:start;gap:12px;flex-direction:column}h1{font-size:42px}table{min-width:650px}}

/* — composants ajoutés : saisie rapide, photos, admin, nav mobile — */
.brand{text-decoration:none;display:flex;align-items:center;gap:8px}
#menu{display:none;border:0;background:none;font-size:24px;color:var(--navy);cursor:pointer}
.tilelabel{font-size:13px;font-weight:600;margin:12px 0 6px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tile{border:1.5px solid var(--line);border-radius:9px;min-height:44px;background:#fbfdfc;font:700 14px 'DM Sans';color:var(--ink);cursor:pointer}
.tile.on{border-color:var(--gold);background:#fdf6e7;color:#8a6212}
.photo-add{display:block;border:1.5px dashed var(--gold);border-radius:9px;padding:12px;text-align:center;color:#8a6212;font-weight:700;background:#fdf9ef;cursor:pointer;margin:14px 0 8px}
.photo-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.photo-strip .ph{position:relative}
.photo-strip img{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.photo-strip .x{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:12px;line-height:1;cursor:pointer}
.thumb{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid var(--line);cursor:pointer;vertical-align:middle}
.thumb.vide{display:inline-flex;align-items:center;justify-content:center;background:#eef4f2;color:#b8c6c4;cursor:default;width:44px;height:44px}
.plus{color:var(--muted);font-size:11px;margin-left:3px}
.auto{font-size:13px;color:var(--muted)}
details{margin:10px 0}
details summary{cursor:pointer;font-weight:700;color:var(--blue);font-size:13px;padding:6px 0}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.on-dot{background:#2e9e5b}.off-dot{background:#b6c2c1}
.journal-title{margin-top:30px}
.journal-title input{width:auto;display:inline-block;margin:0;padding:8px}
.log td{font:12px Consolas,monospace;padding:8px 13px}
.denom-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:0 0 18px}
.denom-stats div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;color:var(--muted)}
.denom-stats b{display:block;color:var(--navy);font-size:12px}
.denom-stats span{display:block;margin-top:4px;color:var(--ink);font-weight:600}
.viewer{padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center}
#viewImg{max-width:min(760px,86vw);max-height:62vh;border-radius:10px}
#viewThumbs img{width:52px;height:52px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer}
#viewThumbs img.on{border-color:var(--gold)}
@media(max-width:700px){
#menu{display:block}
nav{position:fixed;top:76px;right:0;left:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 22px 14px;display:none;z-index:50;box-shadow:0 14px 30px #092c3e22}
nav.open{display:flex}
nav a,nav button{display:block;padding:13px 2px;text-align:left;font-size:16px;border-bottom:1px solid var(--line)}
dialog#coin{width:100vw;max-width:100vw;min-height:100dvh;border-radius:0;margin:0;padding:0}
.denom-stats{grid-template-columns:repeat(2,1fr)}
}
[hidden]{display:none!important}
.logo{width:30px;height:30px;flex:none}
#home{position:relative;overflow:hidden}
.hero-coin{position:absolute;right:-60px;top:-50px;width:320px;height:320px;opacity:.14;pointer-events:none}
.toolbar{display:flex;gap:10px;margin:0 0 14px;align-items:center;flex-wrap:wrap}
.toolbar input{flex:1;min-width:180px;margin:0}
.toolbar select{width:auto;margin:0}
th[data-k]{cursor:pointer;user-select:none;white-space:nowrap}
th[data-k]:hover{color:var(--navy)}
th.tri-asc::after{content:" ▲";font-size:9px}
th.tri-desc::after{content:" ▼";font-size:9px}
.vues{display:flex;gap:8px;margin:2px 0 16px;flex-wrap:wrap}
.vue-btn{border:1.5px solid var(--line);background:#fff;border-radius:20px;padding:9px 16px;font:600 13px 'DM Sans';color:var(--blue);cursor:pointer;min-height:40px}
.vue-btn.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.hint{font-weight:400;color:var(--muted);font-size:11px}
.tl-row{display:flex;align-items:center;gap:10px;margin:5px 0}
.tl-row>b{width:46px;font-size:12px;color:var(--muted);text-align:right;flex:none}
.tl-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;flex:1;max-width:560px}
.tl-cell{height:28px;border-radius:5px;background:#e7efec;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:700 11px 'DM Sans';color:#7c5a12}
.tl-on{background:var(--gold);border-color:#b9821f;cursor:pointer}
.tl-on:hover{filter:brightness(1.1)}
.tl-fut{visibility:hidden}
.barre{height:12px;border-radius:6px;background:#e7efec;overflow:hidden}
.barre i{display:block;height:100%;background:linear-gradient(90deg,#d8a33b,#b9821f);border-radius:6px;transition:width .3s}
.barre.grande{height:18px}
.comp-row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:10px 0}
.comp-total{background:var(--navy);color:#fff;border-radius:10px;padding:16px;margin:0 0 4px}
.comp-total .barre{background:#0d566f}
.comp-tete{display:flex;justify-content:space-between;margin-bottom:8px;gap:10px;flex-wrap:wrap;align-items:baseline}
.comp-tete span{font-weight:700;white-space:nowrap}
.manque{margin:8px 0 0}
.manque summary{font-size:12px;color:var(--blue);cursor:pointer;font-weight:600;padding:0}
.manque p{font-size:12px;color:var(--muted);line-height:1.7;margin:6px 0 0}
.comp-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:14px 0}
.comp-carte{background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;transition:border-color .15s}
.comp-carte:hover{border-color:var(--gold)}
.comp-carte.on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.comp-carte b{display:block;font-size:13px;color:var(--navy)}
.comp-carte span{font-size:11px;color:var(--muted)}
.comp-carte .barre{height:8px;margin:7px 0 4px}
.comp-carte small{color:var(--muted);font-weight:700;font-size:11px}
.comp-tete .link{padding:0;font-size:12px}
.chk{display:flex;align-items:center;gap:8px;font-weight:600}
.chk input{width:auto;display:inline-block;margin:0}
.denom-stats .cliquable{cursor:pointer;transition:border-color .15s}
.denom-stats .cliquable:hover{border-color:var(--gold)}
.alerte{background:#aa3540;color:#fff;padding:11px 20px;text-align:center;font-size:14px;font-weight:600}
/* — cartes par type de pièce — */
.piece{text-align:left}
.piece p{margin:5px 0;font-size:13px;line-height:1.5;color:var(--ink)}
.piece p b{color:var(--navy)}
.piece .note{color:var(--muted);font-style:italic;margin-top:9px}
.piece h3{text-align:center}
.piece-img{width:var(--d,64px);height:var(--d,64px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--d,64px)*.48);margin:4px auto 12px;box-shadow:inset 0 2px 6px #ffffff66,inset 0 -3px 6px #00000033,0 5px 12px #092c3e26;outline:2px dashed #00000018;outline-offset:-5px}
.cuivre{background:radial-gradient(circle at 35% 30%,#d99a5b,#a06131 68%,#7c4a24)}
.nickel{background:radial-gradient(circle at 35% 30%,#eef1f3,#bcc2c7 68%,#8f979c)}
.aureate{background:radial-gradient(circle at 35% 30%,#f3d387,#d8a33b 65%,#a97a1c)}
.bimetal{background:radial-gradient(circle at 35% 30%,#f3d387,#d8a33b 62%,#a97a1c);border:7px solid #c3c8cc}
/* — saisie en grille — */
dialog#grille{width:min(880px,96vw)}
.g-table{margin:10px 0}
.g-table table{min-width:640px}
.g-table td{padding:7px 6px}
.g-table select,.g-table input{margin:0;padding:9px 8px;font-size:13px}
.g-table .g-annee{width:86px}.g-table .g-qte{width:66px}.g-table .g-est{width:92px}
.g-x{border:0;background:none;color:#aa3540;font-weight:700;cursor:pointer;font-size:15px}
.g-etat{display:block;max-width:170px}
kbd{background:#edf4f1;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11px}
.piece-img{background:none;box-shadow:none;outline:none}
.piece-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px #092c3e33)}
/* — v7 : souhaits, gain, profil, mode sombre — */
.stats{grid-template-columns:repeat(4,1fr)}
.stats b.pos{color:#2e9e5b}.stats b.neg{color:#c0392b}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.chip{border:1px solid var(--line);background:#fbfdfc;border-radius:14px;padding:5px 11px;font:600 12px 'DM Sans';color:var(--ink);cursor:pointer}
.chip.on{border-color:var(--gold);background:#fdf6e7;color:#8a6212}
.chip:hover{border-color:var(--gold)}
hr.sep{border:0;border-top:1px solid var(--line);margin:20px 0 14px}
#theme{border:0;background:none;font-size:19px;cursor:pointer;margin-left:8px}
html[data-theme="dark"]{--navy:#e3edf1;--blue:#82bccf;--gold:#dcae4f;--ink:#d9e4e6;--muted:#96a9ae;--line:#274752}
[data-theme="dark"] body{background:#0b1f27}
[data-theme="dark"] header,[data-theme="dark"] nav{background:#0f2831;border-color:var(--line)}
[data-theme="dark"] .cards article,[data-theme="dark"] .stats div,[data-theme="dark"] .table,[data-theme="dark"] .comp-row,[data-theme="dark"] .comp-carte,[data-theme="dark"] .denom-stats div,[data-theme="dark"] .vue-btn{background:#122d38;border-color:var(--line)}
[data-theme="dark"] th{background:#0d232c;color:#9db4ba}
[data-theme="dark"] td{border-color:var(--line)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0d232c;border-color:#2c4a55;color:var(--ink)}
[data-theme="dark"] dialog{background:#122d38;color:var(--ink)}
[data-theme="dark"] .tile,[data-theme="dark"] .chip{background:#0d232c;border-color:#2c4a55;color:var(--ink)}
[data-theme="dark"] .tile.on,[data-theme="dark"] .chip.on{background:#33280e;border-color:var(--gold);color:#e8c26a}
[data-theme="dark"] .photo-add{background:#221b0b}
[data-theme="dark"] .vue-btn.on{background:var(--gold);color:#1d2d30;border-color:var(--gold)}
[data-theme="dark"] .tl-cell{background:#0d232c;border-color:var(--line);color:#3c2f0d}
[data-theme="dark"] .tl-on{background:var(--gold);border-color:#a97a1c}
[data-theme="dark"] .barre{background:#0d232c}
[data-theme="dark"] .comp-total{background:#081820;color:#dfe9ec}
[data-theme="dark"] .comp-total .barre{background:#123543}
[data-theme="dark"] .comp-carte.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
[data-theme="dark"] .thumb.vide{background:#0d232c;color:#3a5560}
[data-theme="dark"] .photo-strip .x{color:#0b1f27}
[data-theme="dark"] .stats b.pos{color:#5fce8f}[data-theme="dark"] .stats b.neg{color:#e0796b}
[data-theme="dark"] .g-x{color:#e0796b}
[data-theme="dark"] kbd{background:#0d232c;border-color:#2c4a55}
[data-theme="dark"] .primary{color:#1d2d30}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}
.doc{font-size:13px;line-height:1.6;color:var(--muted);padding:4px 0 2px}
.doc p{margin:6px 0}
.doc b{color:var(--ink)}
code{background:#edf4f1;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px}
[data-theme="dark"] code{background:#0d232c;border-color:#2c4a55}
.danger{color:#c0392b!important}
/* — v10 : logo au trait, héros épuré, formulaire essentiel — */
.logo{color:var(--navy)}
#home{background:none;box-shadow:none;color:var(--ink);padding:76px 8px 66px;display:flex;align-items:center;justify-content:space-between;gap:44px;border-radius:0;border-bottom:1px solid var(--line);overflow:visible}
#home h1{color:var(--navy);font-size:clamp(34px,4.6vw,54px);max-width:600px;line-height:1.08}
#home .hero-txt p{color:var(--muted);font-size:17px;max-width:470px;line-height:1.65;margin:0 0 10px}
.hero-mark{width:min(230px,26vw);height:auto;color:var(--gold);flex:none}
.grid.essentiels{margin-top:14px}
.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:700px){#home{flex-direction:column-reverse;text-align:center;padding:42px 8px;gap:20px}#home h1{font-size:34px}.hero-mark{width:120px}#home .hero-txt p{margin:0 auto 10px}}
/* — v12 : vue statistiques + rangements — */
.stat-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:14px}
.stat-ligne{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;margin:7px 0;font-size:12.5px}
.sl-lab{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-val{color:var(--ink);font-weight:600;white-space:nowrap;font-size:12px}
.insights{margin:12px 0 4px;padding-left:20px;line-height:1.9;font-size:14.5px}
.insights b{color:var(--gold)}
.rang-liste{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.rang-liste .chip{cursor:default}
.rang-liste .chip button{border:0;background:none;color:#c0392b;cursor:pointer;font-weight:700;margin-left:6px;font-size:13px}
[data-theme="dark"] .sl-val{color:var(--ink)}
/* — v13 : colonnes + édition rapide — */
.cols-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:4px 16px;margin:12px 0}
.cellEdit{margin:0;padding:7px 8px;font-size:12.5px;min-width:88px;width:100%}
.cellEdit.ok{border-color:#2e9e5b;background:#eafaf0}
.cellEdit.err{border-color:#c0392b}
#editBtn.on{color:#8a6212;font-weight:800}
td b.pos{color:#2e9e5b}td b.neg{color:#c0392b}
#metalBox .hint{display:block;margin-top:4px}
[data-theme="dark"] .cellEdit.ok{background:#11331f;border-color:#2e9e5b}
[data-theme="dark"] td b.pos{color:#5fce8f}[data-theme="dark"] td b.neg{color:#e0796b}
/* — v14 : sections collection/admin pleine largeur sur grands écrans — */
#collection,#admin{width:min(1760px,96vw);position:relative;left:50%;transform:translateX(-50%)}
/* — v15 : finition pro — */
html{scroll-behavior:smooth}
tbody tr{transition:background .12s}
tbody tr:hover{background:#f0f6f3}
[data-theme="dark"] tbody tr:hover{background:#16333f}
nav a:hover,button.link:hover,a.link:hover{text-decoration:underline}
.primary{transition:transform .08s,filter .15s}
.primary:active{transform:translateY(1px)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.tb-sep{width:1px;align-self:stretch;background:var(--line)}
footer{border-top:1px solid var(--line);margin-top:70px;padding:24px max(5vw,25px);display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;background:#fff}
footer b{font-family:'Playfair Display';color:var(--navy);font-size:15px}
footer .fspace{flex:1}
footer a{color:var(--blue);font-weight:600;text-decoration:none}
footer .fcredit{width:100%;font-size:11.5px;color:#93a6ab}
[data-theme="dark"] footer{background:#0f2831;border-color:var(--line)}

/* — v17 : actions discrètes + historique — */
.acts{white-space:nowrap;text-align:right}
.acts .ico{border:0;background:none;cursor:pointer;font-size:15px;padding:2px 5px;opacity:0;transition:opacity .15s}
tr:hover .acts .ico{opacity:1}
@media(hover:none){.acts .ico{opacity:.8}}
.cliquable-lignes tbody tr{cursor:pointer}
.badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}
.b-modif{background:#e8f1ee;color:#2c6e54}
.b-suppr{background:#fdeceb;color:#a53a2f}
[data-theme="dark"] .b-modif{background:#143229;color:#7fd4ac}
[data-theme="dark"] .b-suppr{background:#3a1e1a;color:#eb9c8f}
#coinSupprimer{margin-top:12px}

/* — v18 : banque de photos, zoom, tags, OCR — */
.ph-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:14px}
.ph-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:zoom-in;transition:border-color .15s}
.ph-card:hover{border-color:var(--gold)}
.ph-card img{width:100%;height:150px;object-fit:cover;display:block}
.ph-card figcaption{padding:8px 10px;font-size:12px;color:var(--ink);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
[data-theme="dark"] .ph-card{background:#122d38}
#viewWrap{overflow:hidden;border-radius:10px;background:#0b1f27;max-width:min(860px,88vw);height:min(58vh,560px);display:flex;align-items:center;justify-content:center;touch-action:none}
#viewImg{max-width:100%;max-height:100%;transition:transform .05s linear;user-select:none}
.viewer-ctl{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}
.tagb{border:0;background:#edf4f1;border-radius:10px;color:#2c6e54;font-size:10px;font-weight:700;cursor:pointer;padding:2px 7px;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);white-space:nowrap}
[data-theme="dark"] .tagb{background:#143229;color:#7fd4ac}
.photo-strip .ph{margin-bottom:10px}
.tagmini{position:absolute;bottom:2px;left:2px;background:#0b1f27cc;color:#ffd98a;font-size:9px;padding:1px 5px;border-radius:6px}
#viewCap{margin:0 0 10px;text-align:center}

/* — v21 : design signature — */
header{position:sticky;top:0;z-index:60;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
[data-theme="dark"] header{background:#0f2831d9}
#home::before{content:none}
#home .hero-txt,#home .hero-mark{position:relative}
main section>h2,#collection>h2,#admin>h2{position:relative;padding-left:16px}
main section>h2::before,#collection>h2::before,#admin>h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:5px;border-radius:3px;background:linear-gradient(var(--gold),#b9821f)}
.vues{background:#fff;border:1px solid var(--line);border-radius:26px;padding:4px;display:inline-flex;gap:2px;flex-wrap:wrap}
.vue-btn{border:0;min-height:36px;padding:7px 15px}
[data-theme="dark"] .vues{background:#122d38;border-color:var(--line)}
.cards article,.comp-carte,.ph-card,.stats div{transition:transform .16s,box-shadow .16s}
.cards article:hover,.stats div:hover{transform:translateY(-2px);box-shadow:0 10px 24px #092c3e14}
.stats div{position:relative;overflow:hidden}
.stats div::after{content:"";position:absolute;right:-20px;top:-20px;width:56px;height:56px;border-radius:50%;border:1.6px dashed var(--gold);opacity:.35}
tbody tr:nth-child(even){background:#f7faf9}
[data-theme="dark"] tbody tr:nth-child(even){background:#102933}
td{font-variant-numeric:tabular-nums}
.primary{background:linear-gradient(180deg,#e2b14a,#cf9a2f)}
dialog::backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
::selection{background:#d8a33b55}
*::-webkit-scrollbar{height:10px;width:10px}
*::-webkit-scrollbar-thumb{background:#b9c6c5;border-radius:6px}
[data-theme="dark"] *::-webkit-scrollbar-thumb{background:#2c4a55}
*::-webkit-scrollbar-track{background:transparent}
.article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 30px;margin:0 0 22px;max-width:860px}
[data-theme="dark"] .article{background:#122d38}
.article p{line-height:1.75;font-size:15.5px}
.article .source{font-size:12.5px;color:var(--muted)}
.sommaire{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 34px}
.sommaire a{border:1px solid var(--line);border-radius:16px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--blue);text-decoration:none;background:#fff}
.sommaire a:hover{border-color:var(--gold)}
[data-theme="dark"] .sommaire a{background:#122d38}
.cat{margin:44px 0 6px;color:var(--gold);letter-spacing:2px;font-size:12px;font-weight:800}

/* ===== v22 : vue Séries + champ Série ===== */
.serie-h{margin:26px 0 10px;font-size:15px;letter-spacing:.4px}
#vueSeries .comp-row{margin-bottom:10px}
#vueSeries .chips .chip{cursor:default}
#seriePieceBox select{max-width:100%}

/* ===== v23 : recadrage des photos ===== */
#cropDlg{max-width:none}
#cropWrap{position:relative;display:inline-block;overflow:hidden;touch-action:none;max-width:100%;border-radius:10px;user-select:none}
#cropCanvas{display:block}
#cropRect{position:absolute;border:2px solid #e6b34a;box-shadow:0 0 0 9999px rgba(8,18,20,.55);cursor:move;border-radius:2px}
.cr-h{position:absolute;width:16px;height:16px;background:#e6b34a;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.cr-h[data-c=nw]{left:-9px;top:-9px;cursor:nwse-resize}
.cr-h[data-c=ne]{right:-9px;top:-9px;cursor:nesw-resize}
.cr-h[data-c=sw]{left:-9px;bottom:-9px;cursor:nesw-resize}
.cr-h[data-c=se]{right:-9px;bottom:-9px;cursor:nwse-resize}
.crop-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}

/* ===== v24 : catalogue Numista ===== */
#vueSeries a.chip{text-decoration:none}
#vueSeries a.chip:hover{border-color:#b5872c}

/* ===== v27 : barre d'outils regroupée, filtres toutes colonnes, mode Sélection + lot ===== */
.tb2{position:relative}
.tb2 input[type=search]{flex:1;min-width:170px}
.tbtn{padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);cursor:pointer;font-size:13.5px;white-space:nowrap;font-family:inherit}
.tbtn:hover{border-color:var(--gold)}
.tbtn.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tbtn b{color:var(--gold);font-weight:700}
.tbtn.on b{color:#e6c36a}
.tmb::after{content:' ▾';color:var(--muted);font-size:11px}
.tmenu{position:relative}
.tpop{position:absolute;left:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #0a232f2e;padding:7px;min-width:230px}
.tpop hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.titem{display:block;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:none}
.titem:hover{background:var(--mint)}
.titem small{display:block;color:var(--muted);font-size:11.5px}
.fchips{display:flex;gap:7px;flex-wrap:wrap;margin:-6px 0 14px}
.fchips .chip{background:#fff;border:1px solid var(--gold);border-radius:99px;padding:4px 11px;font-size:12.5px;color:var(--ink)}
.fchips .chip button{background:none;border:0;color:var(--gold);font-weight:700;cursor:pointer;margin-left:5px;font-size:13px}
.fchips .cplus{border:1px dashed var(--line);color:var(--muted);cursor:pointer}
.fpan{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px #0a232f24;padding:16px;margin:-4px 0 16px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 14px}
.fgrid label{font-size:11.5px;color:var(--muted)}
.fgrid select,.fgrid input{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13px;margin-top:3px}
.frange{display:flex;gap:6px}
.fchk{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px}
.fbtns{display:flex;gap:12px;margin-top:14px;align-items:center}
.fbtns .primary{padding:9px 16px}
#lotBar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:70;background:var(--navy);color:#fff;border-radius:13px;padding:11px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:0 12px 30px #04141c66;max-width:96vw}
#lotBar small{color:#b9cdd4}
#lotBar b{color:var(--gold)}
.lb{padding:8px 12px;border:1px solid #ffffff3d;border-radius:9px;background:transparent;color:#fff;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}
.lb:disabled{opacity:.45;cursor:default}
.lbp{background:var(--gold);border-color:var(--gold);color:#132630;font-weight:700}
.selcol{width:34px;text-align:center}
.selcol input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}
tr.sel td{background:#f7edd6}
[data-theme="dark"] .tbtn,[data-theme="dark"] .tpop,[data-theme="dark"] .fpan,[data-theme="dark"] .fgrid select,[data-theme="dark"] .fgrid input,[data-theme="dark"] .fchips .chip{background:#122d38;color:var(--ink)}
[data-theme="dark"] .tbtn.on{background:var(--gold);color:#0b1f27;border-color:var(--gold)}
[data-theme="dark"] .tbtn.on b{color:#0b1f27}
[data-theme="dark"] .titem{color:var(--ink)}
[data-theme="dark"] .titem:hover{background:#1a3a48}
[data-theme="dark"] tr.sel td{background:#2b3a2b}
[data-theme="dark"] #lotBar{background:#122d38;border:1px solid var(--line)}
@media(max-width:700px){#lotBar{bottom:8px;padding:9px 10px;gap:7px}.tb2 input[type=search]{min-width:130px}}
.fchips[hidden],#lotBar[hidden]{display:none}

/* ===== v29 : vue Rangements (liste + feuilles 4x5 pour cartons 2x2) ===== */
.rang-tete{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.vues.mini{margin:0}
.vues.mini .vue-btn{padding:7px 13px;font-size:13px}
.rang-ligne{cursor:pointer}
.rang-ligne:hover td{background:var(--mint)}
.feuille-num{margin:12px 2px 6px;font-size:11.5px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
.feuille{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:600px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 4px 14px #0a232f14}
.poche{position:relative;border:2px dashed var(--line);border-radius:8px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;cursor:pointer;text-align:center;overflow:hidden}
.poche:hover{border-color:var(--gold);border-style:solid}
.poche img{width:56%;aspect-ratio:1;border-radius:50%;object-fit:cover}
.poche small{font-size:10.5px;line-height:1.25;color:var(--ink)}
.poche .p-ref{color:var(--gold);font-weight:600}
.p-rond{width:56%;aspect-ratio:1;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--blue)}
.p-qte{position:absolute;top:5px;right:6px;font-size:10.5px;background:var(--gold);color:#fff;border-radius:8px;padding:1px 5px}
.poche.vide2{cursor:default;opacity:.45}
.poche.vide2:hover{border-color:var(--line);border-style:dashed}
[data-theme="dark"] .feuille{background:#122d38}
[data-theme="dark"] .p-rond{background:#1a3a48;color:var(--blue)}
[data-theme="dark"] .rang-ligne:hover td{background:#1a3a48}
@media(max-width:520px){.feuille{gap:6px;padding:8px}.poche small{font-size:9.5px}}

/* ===== v31 : viewer de fiche Numista + N° sur les pièces ===== */
.numi-imgs{display:flex;gap:16px;margin:10px 0}
.numi-img{margin:0;text-align:center}
.numi-img img{width:110px;height:110px;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px #0a232f26}
.numi-img figcaption{font-size:11px;color:var(--muted);margin-top:4px}
#numiDlg th{white-space:nowrap;text-align:left;color:var(--muted);font-size:12px;padding-right:14px;vertical-align:top}
#vueSeries button.chip{font:inherit;font-size:12.5px;cursor:pointer}

/* ===== v33 : sélection visible des cartes de valeur faciale ===== */
#denomStats div.on{border:2px solid var(--gold);background:linear-gradient(180deg,#fdf6e7,#fbf0d8);position:relative}
#denomStats div.on::after{content:'✓ filtré';position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.4px}
#denomStats div.on b{color:#8a6516}
[data-theme="dark"] #denomStats div.on{background:linear-gradient(180deg,#2c2b1d,#332f1e)}
[data-theme="dark"] #denomStats div.on b{color:var(--gold)}

/* ===== v34 : cartes résumé des rangements ===== */
.rang-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:0 0 18px}
.rang-cartes div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;color:var(--muted);cursor:pointer}
.rang-cartes div:hover{border-color:var(--gold)}
.rang-cartes b{display:block;color:var(--navy);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rang-cartes span{display:block;margin-top:4px;color:var(--ink);font-weight:600}
.rang-cartes small{color:var(--muted)}
[data-theme="dark"] .rang-cartes div{background:#122d38}

/* ===== v35 : courbe d'évolution ===== */
.cv-wrap{overflow-x:auto}
.cv{width:100%;max-width:720px;display:block}
.cv-txt{font-size:9.5px;fill:var(--muted)}
.cv-grille{stroke:var(--line);stroke-width:.6;stroke-dasharray:3 4}
.cv-leg{display:inline-block;font-size:12px;margin-right:12px}
.cv-leg::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:5px;vertical-align:-1px}

/* ===== v36 : admin en onglets + tableau de bord ===== */
.adm-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:16px 0 14px}
.adm-cartes>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:12px;color:var(--muted)}
.adm-cartes>div.cliquable{cursor:pointer}
.adm-cartes>div.cliquable:hover{border-color:var(--gold)}
.adm-cartes b{display:block;color:var(--navy);font-size:13px;margin-bottom:6px}
.adm-cartes span{display:block;color:var(--ink);font-weight:600;font-size:13.5px}
.adm-cartes small{display:block;margin-top:4px;color:var(--muted)}
#admVues{display:flex;align-items:center;flex-wrap:wrap}
[data-theme="dark"] .adm-cartes>div{background:#122d38}

/* ===== v37 : accueil (espace, monarchie, cartes cliquables), dialogues X, pastilles Type, vue Séries compacte + tags ===== */
#denominations{margin-top:70px}
#monarques{margin-top:56px}
.cliquable-art{cursor:pointer;transition:transform .15s,box-shadow .15s}
.cliquable-art:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0a232f1f;border-color:var(--gold)}
dialog{position:relative}
.dlg-x{position:absolute;top:10px;right:12px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--muted);font-size:13px;cursor:pointer;line-height:1}
.dlg-x:hover{border-color:var(--gold);color:var(--gold)}
.type-pills{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 18px}
.tpill{padding:6px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-size:12.5px;cursor:pointer;font-family:inherit}
.tpill b{color:var(--muted);font-weight:600;margin-left:3px}
.tpill:hover{border-color:var(--gold)}
.tpill.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.tpill.on b{color:var(--gold)}
.theme-choix{display:flex;gap:12px;margin-top:6px}
.serie-outils{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0}
.serie-outils input[type=search]{flex:0 1 300px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.serie-tags-tous{display:flex;gap:6px;flex-wrap:wrap}
.serie-ligne{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:6px}
.serie-ligne.complete{opacity:.75}
.sl-nom{flex:1;min-width:220px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.sl-comp{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--muted);white-space:nowrap}
.sl-comp .barre.mini{width:90px;margin:0}
.sl-ok{color:var(--gold)}
.sl-manque{flex-basis:100%;margin:0}
.sl-manque summary{font-size:12px;color:var(--muted);cursor:pointer}
.stag{border:1px solid var(--line);border-radius:99px;background:var(--mint);color:var(--ink);font-size:11px;padding:2px 9px;cursor:pointer;font-family:inherit}
.stag.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.stag-add{border:none;background:none;cursor:pointer;font-size:12px;opacity:.55}
.stag-add:hover{opacity:1}
[data-theme="dark"] .tpill,[data-theme="dark"] .serie-ligne,[data-theme="dark"] .serie-outils input{background:#122d38}
[data-theme="dark"] .tpill.on{background:var(--gold);color:#0b1f27;border-color:var(--gold)}
[data-theme="dark"] .stag{background:#1a3a48}
[data-theme="dark"] .stag.on{background:var(--gold);color:#0b1f27}

/* ===== v38 : nav active + déconnexion à droite + articles (catégories, images, médaillons) ===== */
#mainnav{flex:1;display:flex;align-items:center;gap:18px}
#mainnav #profilBtn,#mainnav #login{margin-left:auto}
#mainnav a.actif{color:var(--gold);font-weight:700;position:relative}
#mainnav a.actif::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold);border-radius:2px}
.art-cats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.art-fig{margin:14px 0 6px;text-align:left}
.art-fig img{width:110px;height:110px;border-radius:50%;object-fit:contain;background:radial-gradient(circle at 35% 30%,#ffffff,#eef3f1);box-shadow:0 6px 18px #0a232f1f;padding:8px}
.medaillon{width:118px;height:118px}
.medaillon circle{fill:none;stroke:var(--gold);stroke-width:3}
.medaillon .med-int{stroke-width:1;stroke-dasharray:2 3}
.medaillon text{fill:var(--navy);font-family:'Playfair Display',Georgia,serif;font-weight:700;text-anchor:middle}
.medaillon .med-annees{font-size:9px;letter-spacing:.6px;fill:var(--muted);font-family:'DM Sans',sans-serif;font-weight:400}
[data-theme="dark"] .art-fig img{background:radial-gradient(circle at 35% 30%,#1a3a48,#122d38)}
[data-theme="dark"] .medaillon text{fill:var(--ink)}
@media(max-width:700px){#mainnav #profilBtn,#mainnav #login{margin-left:0}}
#mainnav{margin-left:30px}
@media(max-width:700px){#mainnav{margin-left:0}}

/* ===== v39 : dates clés 💎 ===== */
.diam{font-size:11px;cursor:help}
.chips .chip.cle{border-color:var(--gold);border-width:2px;font-weight:600}
.tl-cell.tl-cle{box-shadow:inset 0 0 0 2px var(--gold);font-size:9px}
.cle-note{margin:6px 0 2px;padding:8px 12px;background:#fdf6e7;border:1px solid var(--gold);border-radius:9px;font-size:12.5px;color:var(--ink)}
.cle-note a{color:var(--gold);font-weight:600}
[data-theme="dark"] .cle-note{background:#332f1e;color:var(--ink)}

/* ===== v40 : trous d'album dans les feuilles 4x5 ===== */
.poche.trou{border:2px dashed #d9a0a0;background:#fdf3f3;cursor:pointer}
.poche.trou:hover{border-color:var(--gold);border-style:solid}
.poche.trou .p-trou{font-size:14px;font-weight:700;color:#b25b5b}
.poche.trou small{color:#b25b5b;font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.poche.trou-cle{border-color:var(--gold);background:#fdf6e7}
.poche.trou-cle .p-trou,.poche.trou-cle small{color:#8a6516}
.feuille-suite{margin:6px 2px 14px;font-size:12px;color:var(--muted)}
[data-theme="dark"] .poche.trou{background:#33211f;border-color:#7a4b4b}
[data-theme="dark"] .poche.trou .p-trou,[data-theme="dark"] .poche.trou small{color:#d99}
[data-theme="dark"] .poche.trou-cle{background:#332f1e;border-color:var(--gold)}

/* ===== v41 : cases « aucune frappe » des feuilles calendrier ===== */
.poche.sans-frappe{cursor:default;opacity:.4}
.poche.sans-frappe .p-sf{font-size:12px;color:var(--muted)}
.poche.sans-frappe:hover{border-color:var(--line);border-style:dashed}

/* ===== v42 : renommage des réfs et rangements ===== */
.ren-btn{border:none;background:none;cursor:pointer;font-size:12px;opacity:.5;vertical-align:1px}
.ren-btn:hover{opacity:1}

/* ===== v43 : entêtes de tableau collantes + hauteur bornée du tableau principal ===== */
#vueTableau .table{max-height:74vh}
.table thead th{position:sticky;top:0;background:#fff;z-index:6;box-shadow:0 1px 0 var(--line)}
[data-theme="dark"] .table thead th{background:#122d38}

/* ===== v44 : pochettes positionnelles P1_C1R1 ===== */
.poche.pos-libre{opacity:.55;cursor:default}
.poche .p-pos{font-size:10px;color:var(--muted);letter-spacing:.6px}

/* ===== v45 : bloc Numista en haut de la fiche + recherche locale ===== */
.numi-haut{margin-bottom:6px}
.nrr{position:absolute;left:0;right:0;top:100%;max-height:280px;overflow:auto;z-index:70}
.nrr .titem small{display:block;color:var(--muted);font-size:11px}

/* ===== v46 : quantité 0 = pièce planifiée ===== */
.q0{color:#b25b5b}
.p-qte.p-zero{background:#b25b5b;font-size:9px;letter-spacing:.3px}

/* ===== v47 : coins d'information des pochettes ===== */
.pc{position:absolute;font-size:10px;font-weight:600;color:var(--muted);line-height:1}
.pc-hg{top:7px;left:9px;color:var(--ink);font-size:10.5px}
.pc-hd{top:7px;right:9px}
.pc-bg{bottom:7px;left:9px}
.pc-bd{bottom:7px;right:9px;color:#8a6516}
.pc-col{position:absolute;top:50%;right:5px;transform:translateY(-50%);font-size:13px;filter:drop-shadow(0 1px 1px #0003)}
.poche .p-qte{left:50%;right:auto;transform:translateX(-50%)}
.poche .p-rond{font-size:16px;color:var(--line)}
[data-theme="dark"] .pc-bd{color:var(--gold)}

/* ===== v48 : correction du menu mobile (la règle #mainnav v38 écrasait le display:none) ===== */
@media(max-width:700px){
#mainnav{display:none;flex-direction:column;align-items:stretch;gap:0;margin-left:0}
#mainnav.open{display:flex}
#mainnav a.actif::after{display:none}
#mainnav a.actif{color:var(--gold)}
}

/* ===== v49 : espace au-dessus de la collection réduit + pastille À identifier ===== */
#collection,#admin{margin-top:6px}
.tpill.ident{border-color:var(--gold)}
.tpill.ident.on{background:var(--gold);color:#132630}

/* ===== v52 : cartes de valeurs compactes + onglet Valeur + photos groupées ===== */
#denomStats{gap:8px;margin:10px 0 4px}
#denomStats div{padding:7px 12px;display:flex;align-items:baseline;gap:8px;min-width:0}
#denomStats div b{font-size:13px}
#denomStats div span{font-size:12px;color:var(--muted)}
#denomStats div small{font-size:11px;color:var(--muted);margin-left:auto}
#denomStats div.on::after{top:-7px;right:6px;background:var(--gold);color:#132630;border-radius:8px;padding:1px 6px}
#vueValeur .stats{margin-top:4px}
.ph-card{cursor:default}
.ph-multi{grid-column:span 2}
.ph-imgs{display:flex;gap:2px}
.ph-imgs .ph-item{position:relative;flex:1;min-width:0;cursor:zoom-in}
.ph-imgs img{width:100%;height:150px;object-fit:cover;display:block}
.ph-tag{position:absolute;left:6px;bottom:6px}
@media(max-width:700px){.ph-multi{grid-column:span 1}.ph-imgs{flex-wrap:wrap}.ph-imgs .ph-item{flex:1 1 45%}}
#denomStats div b{white-space:nowrap}

/* v53 : filtres sous les onglets, disponibles dans toutes les vues */
#denomStats div{white-space:nowrap}
#denomStats,#typeStats{margin-bottom:6px}
#typeStats{margin-top:0}
.fver{opacity:.75;letter-spacing:.3px}

/* v54 : cercles concentriques centrés sur la feuille du logo */
.hero-mark-wrap{position:relative;flex:none;display:flex;align-items:center;justify-content:center}
.hero-mark-wrap::before{content:"";position:absolute;left:50%;top:34%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);
  background:repeating-radial-gradient(circle at 50% 50%,transparent 0 30px,var(--line) 30px 31px);
  opacity:.45;pointer-events:none;z-index:0;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 190px,transparent 330px);
  mask-image:radial-gradient(circle at 50% 50%,#000 0 190px,transparent 330px)}
.hero-mark-wrap .hero-mark{position:relative;z-index:1}
@media(max-width:700px){.hero-mark-wrap::before{-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 110px,transparent 190px);mask-image:radial-gradient(circle at 50% 50%,#000 0 110px,transparent 190px)}}

/* ===== v56 : logo tricolore, pages en arcs gris (variante G) ===== */
.lg-livre{stroke:#121212}
.lg-pages{stroke:#98a6ad}
.lg-feuille{stroke:#c8102e}
.lg-texte{fill:#0d2b39}
.lg-tirets{stroke:var(--gold)}
[data-theme="dark"] .lg-livre{stroke:#eaf1ef}
[data-theme="dark"] .lg-pages{stroke:#7f9098}
[data-theme="dark"] .lg-texte{fill:#eaf1ef}
[data-theme="dark"] .lg-feuille{stroke:#e2455c}
.lg-ombre{fill:#98a6ad;fill-opacity:.45}
[data-theme="dark"] .lg-ombre{fill:#7f9098;fill-opacity:.4}

/* v59 : lignes intérieures noires, ombre plus marquée, contour affiné */
.lg-pages{stroke:#121212}
.lg-ombre{fill-opacity:.65}
[data-theme="dark"] .lg-pages{stroke:#cfdcd8}
[data-theme="dark"] .lg-ombre{fill:#8fa2ab;fill-opacity:.55}