/* ══════════════════════════════════════════════════════════════
   Bookémystère · Thème (papier ancien, bordeaux, or) et pages livres
   Surcharge les couleurs du design system SEDLA v1.6.
   ══════════════════════════════════════════════════════════════ */
:root{
  --bg:#f7f3ec; --bg-alt:#efe9df; --surface-2:#f5f0e8; --surface-3:#ebe3d6;
  --green:#8b2f4f; --green-dark:#6e2340; --green-light:#efd6df; --green-xlight:#faf0f3;
  --gold:#c9962c; --line:#e4dccf;
  --oui:#2f7d4f; --oui-bg:#e3f3e8; --non:#b23a2e; --non-bg:#fbe7e4; --doute:#a86a07; --doute-bg:#fdf1d9;
}
body{background:var(--bg)}
.mm-brand .cow{color:var(--gold)}
.s-topbar-brand .mm-logo{width:38px;height:38px}
.s-auth-brand-name.mm-brand{font-family:Georgia,'Times New Roman',serif;font-size:34px}
.s-topbar-brand .mm-brand{font-family:Georgia,'Times New Roman',serif;font-size:19px}

/* ── Accueil : deux gros gestes ── */
.bk-gestes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.bk-geste{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px;border-radius:18px;text-decoration:none;color:#fff;box-shadow:var(--shadow-sm);transition:transform var(--fast) var(--ease),box-shadow var(--fast)}
.bk-geste:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.bk-geste svg{width:34px;height:34px;margin-bottom:6px}
.bk-geste-ajout{background:linear-gradient(135deg,#8b2f4f,#5e1d36)}
.bk-geste-verif{background:linear-gradient(135deg,#2f3a4a,#1c232e)}
.bk-geste-t{font-size:19px;font-weight:700}
.bk-geste-d{font-size:13.5px;opacity:.85}
@media (max-width:640px){.bk-gestes{grid-template-columns:1fr}.bk-geste{flex-direction:row;flex-wrap:wrap;align-items:center;padding:18px}.bk-geste svg{margin:0 8px 0 0}.bk-geste-d{flex-basis:100%}}

/* ── Collections ── */
.bk-add{margin-bottom:18px}
.bk-add-form{display:flex;flex-direction:column;gap:10px}
.bk-add-form .s-btn{align-self:flex-start}
.bk-col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bk-col-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--t1);transition:border-color var(--fast)}
.bk-col-card:hover{border-color:var(--green)}
.bk-col-nom{font-weight:700;font-size:16px;margin-bottom:2px;font-family:Georgia,serif}
.bk-col-chiffres{font-size:13px;color:var(--t2);margin-top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bk-bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:10px}
.bk-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green));border-radius:99px}
.bk-bar-lg{height:12px}

.bk-col-head{margin-bottom:16px}
.bk-stats{display:flex;gap:28px;flex-wrap:wrap}
.bk-stats div{display:flex;flex-direction:column}
.bk-big{font-size:30px;font-weight:800;color:var(--oui);line-height:1.1}
.bk-big.bk-manque{color:var(--non)}
.bk-big.bk-total{color:var(--t2)}
.bk-recherche{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}

.bk-liste .mm-tabs{margin-bottom:10px}
.bk-filtre{margin-left:auto;max-width:240px;padding:8px 12px!important}
@media (max-width:640px){.bk-filtre{margin-left:0;max-width:none;flex:1 1 100%}}
.bk-titres{list-style:none;margin:0;padding:0}
.bk-titres li{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:14px}
.bk-titres li:last-child{border-bottom:0}
.bk-titres li.ai .bk-titre{color:var(--t2)}
.bk-num{min-width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--t3);font-weight:600}
.bk-titre{flex:1;min-width:0}
.bk-titre small{display:block;color:var(--t3);font-size:12px}
.bk-x{border:0;background:none;color:var(--t4);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
.bk-x:hover{color:var(--non)}
.bk-tick input{position:absolute;opacity:0;pointer-events:none}
.bk-tick{position:relative;cursor:pointer}
.bk-tick span{display:block;width:24px;height:24px;border:2px solid var(--t4);border-radius:7px;transition:all var(--fast)}
.bk-tick input:checked+span{background:var(--oui);border-color:var(--oui)}
.bk-tick input:checked+span::after{content:'';position:absolute;left:8px;top:3px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.bk-tick input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.bk-outils{margin-top:16px;gap:14px}
.bk-form-titre{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ── Photo ── */
.bk-photo{max-width:720px;margin:0 auto}
.bk-switch{display:flex;background:var(--surface-3);border-radius:12px;padding:4px;margin-bottom:16px}
.bk-switch a{flex:1;text-align:center;padding:10px;border-radius:9px;text-decoration:none;color:var(--t2);font-weight:600;font-size:14px}
.bk-switch a.on{background:var(--surface);color:var(--green-dark);box-shadow:var(--shadow-xs)}
.bk-shoot{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:10px 0 4px}
.bk-big-btn{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:34px 20px;border-radius:20px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md)}
.bk-big-btn svg{width:56px;height:56px}
.bk-small-btn{color:var(--green-dark);font-weight:600;font-size:14px;cursor:pointer;text-decoration:underline}
.bk-shoot.compact .bk-big-btn{flex-direction:row;justify-content:center;padding:14px;font-size:16px;border-radius:14px}
.bk-shoot.compact .bk-big-btn svg{width:26px;height:26px}
.bk-shoot.compact p{display:none}
.bk-thumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.bk-thumb{position:relative}
.bk-thumb img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.bk-thumb button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#333;color:#fff;cursor:pointer;line-height:1}
.bk-thumb-new{border:1px dashed var(--t4);background:none;border-radius:10px;padding:8px 12px;color:var(--t2);cursor:pointer;font:inherit;font-size:13px}
.bk-etat{padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin:10px 0;font-size:15px}
.bk-etat.err{background:var(--non-bg);color:var(--non);border-color:transparent}
.bk-etat.warn{background:var(--doute-bg);color:var(--doute);border-color:transparent}
.bk-spin{display:inline-block;width:16px;height:16px;border:2.5px solid var(--green-light);border-top-color:var(--green);border-radius:50%;animation:bkspin .8s linear infinite;vertical-align:-3px;margin-right:6px}
@keyframes bkspin{to{transform:rotate(360deg)}}

.bk-resume{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.bk-resume span{padding:8px 14px;border-radius:99px;background:var(--surface-3);font-size:14px}
.bk-resume .oui{background:var(--oui-bg);color:var(--oui)}
.bk-resume .non{background:var(--non-bg);color:var(--non)}
.bk-resume .doute{background:var(--doute-bg);color:var(--doute)}
.bk-res{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--t4);border-radius:14px;padding:14px;margin-bottom:10px}
.bk-res.oui{border-left-color:var(--oui)}
.bk-res.non{border-left-color:var(--non)}
.bk-res.doute{border-left-color:var(--doute)}
.bk-res.gris{opacity:.7}
.bk-ico{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;background:var(--surface-3);color:var(--t2)}
.bk-res.oui .bk-ico{background:var(--oui);color:#fff}
.bk-res.non .bk-ico{background:var(--non);color:#fff}
.bk-res.doute .bk-ico{background:var(--doute);color:#fff}
.bk-res-txt{flex:1;min-width:0}
.bk-verdict{font-weight:700;font-size:16px}
.bk-res.oui .bk-verdict{color:var(--oui)}
.bk-res.non .bk-verdict{color:var(--non)}
.bk-detail{font-size:14px;color:var(--t1);margin-top:2px}
.bk-lu{font-size:12px;color:var(--t3);margin-top:4px}
.bk-choix{cursor:pointer}
.bk-choix .bk-cb{width:22px;height:22px;margin-top:2px;accent-color:var(--oui);flex:none}
.bk-new{display:flex;gap:6px;margin:6px 0;flex-wrap:wrap}
.bk-new .s-input{padding:8px 10px!important}
.bk-choix select{margin-top:4px;max-width:100%}
.bk-valider{position:sticky;bottom:12px;margin-top:14px;display:flex;justify-content:center}
.bk-valider .s-btn{box-shadow:var(--shadow-lg);width:100%;max-width:460px}
.bk-bravo{display:flex;gap:14px;align-items:center;background:var(--oui-bg);color:var(--oui);border-radius:14px;padding:18px;font-size:15px}
.bk-bravo .bk-ico{background:var(--oui);color:#fff}
.bk-titres li[hidden]{display:none}
.s-sec .s-btn{text-transform:none;letter-spacing:0}
/* ── Ajout en lot ── */
.bk-lot{margin-bottom:18px}
.bk-lot summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.bk-lot summary::-webkit-details-marker{display:none}
.bk-lot summary::before{content:'+';font-weight:700;color:var(--green);font-size:18px;width:16px}
.bk-lot[open] summary::before{content:'–'}
.bk-lot summary .mm-card-title{margin:0}
.bk-file{margin-bottom:18px;border:1px solid var(--green-light)}
.bk-file-liste{list-style:none;margin:8px 0 0;padding:0}
.bk-file-liste li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.bk-file-liste li:last-child{border-bottom:0}
.bk-file-ico{width:20px;text-align:center;font-weight:700;color:var(--t3)}
.bk-file-liste li.ok .bk-file-ico{color:var(--oui)}
.bk-file-liste li.ko .bk-file-ico{color:var(--non)}
.bk-file-msg{flex-basis:100%;padding-left:28px;font-size:12.5px}
