/* ============================================================
   MAISON DE BÖHM — habillage de KURA dans le registre des CARNETS
   Parchemin · encre · gueules en rubrique. Didone d'affichage
   (Playfair), EB Garamond en lecture. Petites capitales, filets,
   gravures pleine page, lettrines. Fonctions inchangées.
   ============================================================ */

@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/playfair.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url('../fonts/playfair-italic.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ebgaramond.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/ebgaramond-italic.woff2') format('woff2')}

:root{
  --parchemin:#F2ECDD; --velin:#E9E1CC; --parchemin-h:#F7F2E6;
  --encre:#1F1A12; --encre-pale:#7C7159;
  --gueules:#7C2A1A; --gueules-clair:#9F3A26;   /* rubrique : l'accent */
  --sinople:#3F4E2E; --marine:#2A3947; --sepia:#8C7E60;
  --filet:#1F1A12; --filet-faible:rgba(31,26,18,.18); --voile:rgba(31,26,18,.05);

  --bg:#F2ECDD; --paper:#F7F2E6; --soft:#E9E1CC;
  --ink:#1F1A12; --muted:#7C7159;
  --line:#CFC6B2; --line2:#C2B79F; --border:#CFC6B2;
  --accent:#7C2A1A; --accent2:#9F3A26;
  --ok:#3F4E2E; --okbg:#E7E5D4; --warn:#8C7E60; --warnbg:#EFE9DA;
  --shadow:0 1px 0 rgba(31,26,18,.04);

  --kura-paper:#F2ECDD; --kura-card:#F7F2E6; --kura-ink:#1F1A12;
  --kura-muted:#7C7159; --kura-border:#CFC6B2;
  --kura-red:#7C2A1A; --kura-red-soft:#C2A39B;
  --kura-gold:#8C7E60; --kura-green:#3F4E2E; --kura-black:#1F1A12;

  --display:'Playfair Display',Georgia,serif;
  --body:'EB Garamond','Iowan Old Style',Palatino,Georgia,serif;
}

body{
  font-family:var(--body)!important;font-variant-numeric:oldstyle-nums;
  background:var(--parchemin);color:var(--encre);font-size:18px;line-height:1.6;
}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:0;color:var(--encre)}
em,i{font-style:italic}
.sc{font-variant:small-caps;letter-spacing:.08em}

/* — En-tête : titre centré, filet, signet — */
.header{background:var(--parchemin);border-bottom:1px solid var(--filet-faible);box-shadow:none;position:relative}
.header-inner{justify-content:center!important;position:relative}
.brand-rose{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:auto;opacity:.96}
.brand h1{font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:.34em;color:var(--encre);margin-left:.34em}

/* — Kicker / légende : petites capitales gueules — */
.kicker{font-family:var(--body);font-variant:small-caps;letter-spacing:.18em;font-size:.78rem;font-weight:500;text-transform:none;color:var(--gueules)}
.section-title{font-variant:small-caps;letter-spacing:.16em;color:var(--encre-pale);font-family:var(--body);font-size:.82rem}

/* — Cartouches : papier, filets, peu d'ombre — */
.panel,.card,.modal-card,.status-box,.preview-box,.cover-option,.settings-card,
.bohm-card,.export-row{background:var(--parchemin-h);border:1px solid var(--filet-faible);border-radius:6px;box-shadow:none}
.panel{padding:clamp(22px,5vw,32px)}
.panel h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,7vw,42px);line-height:1.04;letter-spacing:0}
.stat{background:var(--parchemin-h);border:1px solid var(--filet-faible)}
.stat .num,.stat strong{font-family:var(--display);font-weight:600;font-variant-numeric:oldstyle-nums}

/* — Champs : arrondis, filets, placeholder italique — */
.search,.field input,.field select,.field textarea,.filter-row select,select,input,textarea{
  background:var(--parchemin-h)!important;border:1px solid var(--filet-faible)!important;border-radius:8px!important;color:var(--encre)!important}
.search input::placeholder,.field textarea::placeholder,input::placeholder,textarea::placeholder{font-style:italic;color:var(--encre-pale)}
.field label{font-variant:small-caps;letter-spacing:.16em;color:var(--encre-pale)}

/* — Boutons — */
.btn,.pill,.bouton{font-variant:small-caps;letter-spacing:.10em;border-radius:6px}
.btn,.pill{border:1px solid var(--encre);background:none;color:var(--encre)}
.btn.primary,.btn.accent{background:var(--gueules);border-color:var(--gueules);color:var(--parchemin)}
.btn.primary:hover,.btn.accent:hover{background:var(--gueules-clair);border-color:var(--gueules-clair)}
.btn.ghost{border-color:var(--encre-pale);color:var(--encre-pale)}
.btn.danger{background:none!important;border-color:var(--sepia)!important;color:var(--sepia)!important}

/* — Badges (validé vert · à valider sépia) — */
.badge,.tag{font-variant:small-caps;letter-spacing:.08em;border-radius:4px;border:1px solid var(--filet-faible)}
.badge.ok,.badge.valide{background:var(--okbg);color:var(--sinople);border-color:rgba(63,78,46,.30)}
.badge.warn,.badge.a-valider{background:var(--warnbg);color:var(--sepia);border-color:rgba(140,126,96,.34)}

/* — Liste de documents : titres Didone, méta en gueules — */
.card .doc-title{font-family:var(--display);font-weight:600;letter-spacing:0}
.card .doc-meta{color:var(--encre-pale);font-variant-numeric:oldstyle-nums}
.card .doc-tags,.card .tag{color:var(--gueules)}
.card .typebar{background:var(--filet-faible)}
.card.is-valide .typebar{background:var(--sinople)}
.card.is-a-valider .typebar{background:var(--sepia)}
.empty{font-style:italic;color:var(--encre-pale)}

/* — Filtres (façon ligne CARNETS) — */
.filter-row{font-variant:small-caps;letter-spacing:.06em}
.filter-row .active,.filter-row [aria-selected="true"]{color:var(--gueules)}

/* — Navigation : petites capitales, actif en gueules — */
.nav,.nav-five{background:var(--parchemin);border-top:1px solid var(--filet)}
.nav button,.nav-five button,.nav a,.nav-five a{color:var(--encre-pale);font-variant:small-caps;letter-spacing:.12em;font-family:var(--body);border-top:2px solid transparent}
.nav .active,.nav-five .active,.nav button.active,.nav-five button.active{color:var(--gueules);border-top-color:var(--gueules)}
.add-nav .plus,.plus{background:var(--encre);border:1px solid var(--encre);color:var(--parchemin);box-shadow:none}

.heraldic-footer{filter:none;opacity:.94}

/* ============================================================
   VUE BÖHM — préambule, gravures, lettrine, blason rubriqué
   ============================================================ */
.bohm-page{background:var(--parchemin)}

/* gravure pleine page, en fondu vers le parchemin */
.bohm-plate{position:relative;margin:0 0 -2px;isolation:isolate}
.bohm-plate img{width:100%;display:block;filter:saturate(.92) contrast(1.03)}
.bohm-plate::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(242,236,221,0) 52%,rgba(242,236,221,.55) 78%,var(--parchemin) 100%)}
.bohm-plate__title{position:relative;z-index:2;margin-top:-86px;text-align:center;padding:0 20px}
.bohm-eyebrow{font-family:var(--body);font-variant:small-caps;letter-spacing:.30em;font-size:.8rem;font-weight:500;color:var(--gueules);margin:0 0 6px}
.bohm-name{font-family:var(--display);font-weight:600;font-size:clamp(58px,17vw,104px);line-height:.92;letter-spacing:.01em;color:var(--encre);margin:0}
.bohm-motto{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(17px,3.4vw,21px);color:var(--encre-pale);margin:12px 0 0}

.bohm-essay{max-width:640px;margin:0 auto;padding:clamp(28px,6vw,44px) 20px 0}
.bohm-essay p{margin:0 0 1.15rem;color:var(--encre);font-size:1.06rem;line-height:1.66}
.bohm-essay p.dropcap::first-letter{font-family:var(--display);font-weight:600;float:left;font-size:4.2em;line-height:.72;padding:8px 14px 0 0;color:var(--gueules)}
.bohm-essay em{font-style:italic}

.bohm-ecu{max-width:380px;margin:clamp(26px,6vw,40px) auto clamp(14px,3vw,22px);padding:0 20px}
.bohm-ecu img{width:100%;display:block}
.bohm-blazon{max-width:600px;margin:0 auto;padding:0 24px;text-align:center;
  font-style:italic;color:var(--encre-pale);font-size:1rem;line-height:1.7}
.bohm-blazon .q{font-style:normal;font-variant:small-caps;letter-spacing:.04em;color:var(--gueules);font-size:.82em}
.bohm-blazon b{font-style:normal;font-weight:600;color:var(--gueules);font-family:var(--display);padding:0 .12em}

.bohm-arms{max-width:560px;margin:clamp(20px,5vw,32px) auto;padding:0 20px}
.bohm-arms img{width:100%;display:block;mix-blend-mode:multiply;opacity:.96}

.bohm-colophon{max-width:640px;margin:clamp(20px,5vw,30px) auto 0;padding:0 20px;text-align:center}
.bohm-colophon .devise{font-family:var(--display);font-style:italic;color:var(--gueules);font-size:1.15rem}
.bohm-colophon .meta{margin-top:10px;font-variant:small-caps;letter-spacing:.16em;font-size:.72rem;color:var(--encre-pale)}

/* Intendance : réglages dans le registre, repliés */
.bohm-page .settings-card{background:none;border:0;border-top:1px solid var(--filet-faible);border-radius:0;padding:clamp(24px,6vw,38px) 20px;max-width:640px;margin:0 auto}
.bohm-page .settings-disclosure summary,.bohm-page .settings-card h3{font-family:var(--display);font-weight:600;letter-spacing:0;color:var(--encre)}
.bohm-page .settings-card .kicker{margin-bottom:6px}
.bohm-page .admin-section .kicker{color:var(--gueules)}

@media (max-width:560px){
  .bohm-plate__title{margin-top:-64px}
}

/* ============================================================
   PASSE DA — cohérence du registre des Carnets sur toute l'app
   (frameless, feuillets, héraldique réglée, images à l'encre)
   ============================================================ */

/* — Panneaux : du contenu sur le parchemin, plus de boîtes — */
.panel{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important;padding:clamp(24px,6vw,38px) 0!important;animation:none!important}
.panel + .panel{border-top:1px solid var(--filet-faible)}
.panel-hd{margin-bottom:14px}
.body{padding:0!important}
.section-title{font-variant:small-caps;letter-spacing:.18em;color:var(--encre-pale);font-family:var(--body);font-size:.82rem;font-weight:500}

/* — En-tête : signet à ruban, titre centré — */
.header{overflow:visible}
.header-inner{position:relative}
.header::before{content:"";position:absolute;left:20px;top:-1px;width:15px;height:44px;background:var(--encre);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);z-index:3}
.brand-rose{display:none!important}
.brand h1{letter-spacing:.36em;font-size:1.45rem}

/* — Document : feuillet à filet (plus de carte, plus de vignette grise) — */
.card{position:relative;background:none!important;border:0!important;border-bottom:1px solid var(--filet-faible)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:20px 4px 20px 18px!important;animation:none!important;align-items:flex-start!important;column-gap:16px!important}
.list .card:last-child{border-bottom:0!important}
.card>.typebar{width:2px!important;left:2px!important;background:var(--filet-faible)!important}
.card>.typebar.review{background:var(--gueules)!important}
.card>.typebar.validated{background:var(--sinople)!important}
.thumb{width:44px!important;height:56px!important;border:1px solid var(--filet-faible)!important;border-radius:2px!important;background:var(--parchemin-h)!important;color:var(--encre-pale)!important;font-family:var(--body)!important;font-variant:small-caps!important;letter-spacing:.08em!important;font-size:12px!important;box-shadow:none}
.doc-title{font-family:var(--display)!important;font-weight:600!important;font-size:1.2rem!important;letter-spacing:0!important;color:var(--encre)!important;line-height:1.2}
.doc-meta{font-variant:small-caps!important;letter-spacing:.05em!important;color:var(--encre-pale)!important;font-size:.95rem!important;margin-top:4px}
.doc-meta span{color:var(--gueules)!important;padding:0 .25em}
.document-page-count{font-variant:small-caps;letter-spacing:.06em;color:var(--encre-pale);font-size:.82rem;margin-top:3px}
.tagline{margin-top:7px}
.tag-chip{display:inline;background:none!important;border:0!important;border-radius:0!important;padding:0 .8em 0 0!important;color:var(--gueules)!important;font-variant:small-caps!important;letter-spacing:.05em!important;font-size:.86rem!important}

/* — État : un mot, pas une pastille délavée — */
.badge{background:none!important;border:0!important;border-radius:0!important;padding:0!important;font-family:var(--body)!important;font-variant:small-caps!important;text-transform:none!important;font-weight:500!important;letter-spacing:.10em!important;font-size:.84rem!important}
.badge.warn{color:var(--gueules)!important}
.badge.ok{color:var(--sinople)!important}
#home-status .badge,#home-status>*{font-variant:small-caps;letter-spacing:.10em;color:var(--gueules)}

/* — Statistiques : cellules à filet fin — */
.stat{background:none!important;border:1px solid var(--filet-faible)!important;border-radius:3px!important;box-shadow:none!important}
.stat .num,.stat strong{font-family:var(--display)!important}
.stat .label,.stat small,.stat span{font-variant:small-caps;letter-spacing:.06em;color:var(--encre-pale)}

/* — Carte Maison (accueil) : rangée au filet, écu gravé — */
.bohm-card{background:none!important;border:0!important;border-top:1px solid var(--filet-faible)!important;border-radius:0!important;box-shadow:none!important;padding:22px 4px!important;margin:8px 0 96px 0!important}
.bohm-card img{mix-blend-mode:normal;border-radius:0!important;background:none!important}
.bohm-card strong{font-family:var(--display)!important;font-weight:600!important;font-size:1.3rem!important}
.bohm-card em{color:var(--gueules)!important;font-style:italic!important;font-family:var(--display)!important}

/* — Héros atmosphériques : passés à l'encre (duotone), unis au monde gravé — */
.home-atmosphere-hero__image,.bohm-plate img{filter:grayscale(1) sepia(.34) brightness(1.04) contrast(1.05)!important}
#view-home .home-atmosphere-hero{height:clamp(150px,24vh,230px)!important}
.home-atmosphere-hero__content h2,.home-atmosphere-hero__subtitle{display:none!important}
.home-atmosphere-hero__eyebrow{font-variant:small-caps;letter-spacing:.26em;color:var(--encre)!important;font-size:.74rem}
.home-atmosphere-hero__motto{font-family:var(--display)!important;font-style:italic;color:var(--gueules)!important;font-size:1rem}

/* — Héraldique : l'écu en couleur sans boîte blanche (multiply) — */
.bohm-ecu{background:none}
.bohm-ecu img{mix-blend-mode:normal}
.emblem-preview{background:var(--parchemin-h)!important;border:1px solid var(--filet-faible)!important;border-radius:4px!important;color:var(--encre-pale)!important}
.emblem-preview img{mix-blend-mode:multiply}

/* — Cases à cocher, champs d'export — */
input[type=checkbox],input[type=radio]{accent-color:var(--gueules);width:18px;height:18px}
.cover-option{color:var(--encre)!important;font-size:1rem}
.field input,.field select,.filter-row select{border-radius:6px!important}

/* — Bouton + : plus fin — */
.nav .add-nav .plus{width:52px!important;height:52px!important;border-radius:50%!important;background:var(--encre)!important;font-size:25px!important;font-weight:300!important;box-shadow:0 6px 14px rgba(31,26,18,.16)!important;transform:translateY(-10px)!important}
.nav .add-nav.active .plus{background:var(--gueules)!important}

/* — Intendance : lignes au filet, écart régulier — */
.bohm-page .settings-card{background:none!important;border:0!important;border-top:1px solid var(--filet-faible)!important;border-radius:0!important;box-shadow:none!important;padding:6px 4px!important;margin:0!important}
.bohm-page .settings-card + .settings-card{margin-top:0!important}
.bohm-page .settings-disclosure>summary{padding:20px 2px!important}
.bohm-page .admin-section:last-of-type .settings-card,.bohm-page .version-card{border-bottom:1px solid var(--filet-faible)}