/* Composants partagés par toutes les pages (formes et rôles Astryx : bouton, carte, champ, badge,
   tableau, barre de progression, contrôle segmenté). */

/* Boutons et liens d'action */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius);border:none;cursor:pointer;font-size:var(--fs-md);font-weight:600;text-decoration:none;background:var(--neutral);color:var(--ink);line-height:1.2;transition:background-color .15s ease, transform .1s ease;}
.btn:hover{background-image:linear-gradient(var(--hover),var(--hover));}
.btn:active{background-image:linear-gradient(var(--pressed),var(--pressed));transform:scale(.98);}
.btn--primary{background-color:var(--accent);color:var(--accent-ink);}
.btn--primary:hover{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12));}
.btn--ghost{background-color:var(--neutral);color:var(--ink);}
.btn--danger{background-color:var(--bad-bg);color:var(--bad-ink);}
.btn:disabled{opacity:.5;cursor:not-allowed;background-image:none;transform:none;}
.btn--sm{min-height:36px;padding:0 12px;font-size:var(--fs-sm);}
.linkbtn{background:none;border:none;padding:0;cursor:pointer;font-size:var(--fs-md);font-weight:600;color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.linkbtn:hover{text-decoration-thickness:2px;}
.actions{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center;}

/* Panneaux (Card Astryx : surface, contour discret, rayon de conteneur) */
.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-container);padding:20px;display:grid;gap:14px;min-width:0;}
.panel > *{min-width:0;}
.panel__head{display:flex;justify-content:space-between;align-items:baseline;gap:4px 14px;flex-wrap:wrap;}
.panel__title{font-size:var(--fs-lg);font-weight:650;line-height:1.3;letter-spacing:-.01em;}
.panel__sub{font-size:var(--fs-md);color:var(--ink-soft);max-width:70ch;}
.grid-2{display:grid;gap:24px;}
@media (min-width:880px){.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;}}
.grid-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}

/* Bloc vedette : carte sélectionnée, bordure d'accent intégrée à la forme */
.feature{background:var(--surface);color:var(--ink);border:2px solid var(--accent);border-radius:var(--radius-page);padding:24px 22px;display:grid;gap:14px;box-shadow:var(--shadow-med);}
.feature .label{color:var(--link);font-weight:600;}
.feature__title{font-weight:650;font-size:clamp(1.6rem,5.4vw,2.1rem);line-height:1.15;letter-spacing:-.02em;}
.feature__sub{font-size:var(--fs-md);color:var(--ink-soft);}

/* Chiffres clés : tuiles */
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.fig{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-container);padding:14px 16px;min-width:0;}
.fig__label{font-size:var(--fs-sm);color:var(--ink-soft);font-weight:500;}
.fig__value{font-weight:650;font-size:clamp(1.5rem,5vw,1.875rem);line-height:1.15;margin:4px 0 2px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.fig__value small{font-size:.5em;font-weight:500;color:var(--ink-soft);margin-left:3px;letter-spacing:0;}
.fig__sub{font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.4;}

/* Formulaires (champ Astryx : contour, anneau d'accent au focus) */
.form{display:grid;gap:16px;}
.fields{display:grid;gap:16px 18px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.field__label{font-size:var(--fs-md);font-weight:600;}
.field__hint{font-size:var(--fs-sm);color:var(--ink-soft);}
.input,.select,textarea.input{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);transition:border-color .15s ease, box-shadow .15s ease;}
.input::placeholder,textarea.input::placeholder{color:var(--ink-soft);opacity:1;}
.input:hover,.select:hover,.inputunit:hover{box-shadow:inset 0 0 0 1px var(--line);}
.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px var(--accent-soft);}
.select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
.inputunit{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;}
.inputunit:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px var(--accent-soft);}
.inputunit input{flex:1;min-width:0;border:none;background:transparent;padding:8px 12px;outline:none;font-variant-numeric:tabular-nums;}
.inputunit input::placeholder{color:var(--ink-soft);opacity:1;}
.inputunit span{display:flex;align-items:center;padding:0 12px;font-size:var(--fs-md);font-weight:500;color:var(--ink-soft);background:var(--surface-2);border-left:1px solid var(--line-soft);}
.check{display:flex;gap:10px;align-items:center;font-size:var(--fs-base);min-height:44px;}
.check input{width:18px;height:18px;accent-color:var(--accent);}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;padding:7px 14px;border-radius:var(--radius);border:none;background:var(--neutral);color:var(--ink);cursor:pointer;font-size:var(--fs-md);font-weight:500;text-align:left;}
.chip small{font-size:var(--fs-xs);font-weight:400;color:var(--ink-soft);}
.chip:hover{background-image:linear-gradient(var(--hover),var(--hover));}
.chip.is-active{background:var(--accent);color:var(--accent-ink);font-weight:600;}
.chip.is-active small{color:inherit;opacity:.9;}

/* Tableaux */
.tablewrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius-container);background:var(--surface);-webkit-overflow-scrolling:touch;}
table{border-collapse:collapse;width:100%;font-size:var(--fs-md);}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top;}
thead th{font-size:var(--fs-sm);color:var(--ink-soft);background:var(--surface-2);font-weight:600;white-space:nowrap;}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:none;}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
td.mono{font-family:var(--font-code);font-size:var(--fs-sm);}
tr.is-today td{background:var(--accent-soft);}

/* Pastilles, badges, notes */
.pill{display:inline-block;font-size:var(--fs-sm);line-height:1.4;padding:1px 9px;border-radius:var(--radius-full);background:var(--info-bg);color:var(--info-ink);font-weight:600;white-space:nowrap;vertical-align:1px;}
.pill--warn{background:var(--warn-bg);color:var(--warn-ink);}
.pill--bad{background:var(--bad-bg);color:var(--bad-ink);}
.pill--muted{background:var(--neutral);color:var(--ink);}
.pill--score{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-soft);}   /* note colorée : fond de surface pour garder 4,5:1 */
.note{font-size:var(--fs-md);color:var(--ink);background:var(--warn-bg);border-radius:var(--radius);padding:10px 12px;}
.note--accent{background:var(--info-bg);}
.empty{border:1px dashed var(--line);border-radius:var(--radius-container);padding:22px;display:grid;gap:10px;justify-items:start;background:var(--surface);}
.empty p{color:var(--ink-soft);max-width:60ch;}
.tags{display:flex;flex-wrap:wrap;gap:6px;}
.tag{display:inline-flex;gap:6px;align-items:baseline;font-size:var(--fs-sm);font-weight:500;padding:4px 10px;border-radius:var(--radius);line-height:1.35;}
.tag svg{width:11px;height:11px;flex:none;align-self:center;}
.tag--good{background:var(--good-bg);color:var(--good-ink);}
.tag--bad{background:var(--bad-bg);color:var(--bad-ink);}

/* Jauges et barres (ProgressBar Astryx : 8 px, extrémités arrondies) */
.gauge{display:flex;align-items:center;gap:12px;}
.gauge__track{position:relative;flex:1;height:8px;background:var(--track);border-radius:var(--radius-full);overflow:hidden;}
.gauge__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-full);background:var(--c,var(--accent));}
.gauge__value{font-weight:700;font-size:var(--fs-xl);line-height:1;min-width:2.4ch;text-align:right;color:var(--c,var(--accent));font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
.progress{height:8px;border-radius:var(--radius-full);background:var(--track);overflow:hidden;}
.progress span{display:block;height:100%;background:var(--accent);border-radius:var(--radius-full);}
.progress--warn span{background:var(--mid);}
.progress--bad span{background:var(--low);}

/* Carte de lien vers un module */
.modcard{display:grid;gap:6px;padding:18px;border:1px solid var(--line-soft);border-radius:var(--radius-container);background:var(--surface);text-decoration:none;color:var(--ink);}
.modcard:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
.modcard b{font-size:var(--fs-lg);font-weight:650;}
.modcard span{font-size:var(--fs-md);color:var(--ink-soft);}

/* Profil du chien */
.dog{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;}
.dog__photo{width:84px;height:84px;border-radius:50%;object-fit:cover;background:var(--surface-2);box-shadow:0 0 0 1px var(--line-soft);}
.dog__mono{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--info-ink);background:var(--info-bg);font-weight:650;}
.dog__name{font-size:clamp(1.5rem,5vw,1.875rem);font-weight:650;line-height:1.15;letter-spacing:-.02em;}
.dog__meta{font-size:var(--fs-md);color:var(--ink-soft);margin-top:4px;}

/* Graphique de croissance (SVG en ligne, couleurs via jetons) */
.chart{width:100%;height:auto;display:block;}
.chart text{font-family:var(--font-body);font-size:12px;fill:var(--ink-soft);}
.chart .grid{stroke:var(--chart-grid);stroke-width:1;fill:none;}
.chart .band{fill:var(--chart-band);stroke:none;opacity:.6;}
.chart .band2{fill:var(--chart-band);stroke:none;}
.chart .curve{fill:none;stroke:var(--chart-curve);stroke-width:2.5;stroke-linecap:round;}
.chart .adult{fill:none;stroke:var(--ink-soft);stroke-width:1;stroke-dasharray:4 4;}
.chart .today{fill:none;stroke:var(--mid);stroke-width:1.5;stroke-dasharray:2 3;}
.chart .series{fill:none;stroke:var(--chart-point);stroke-width:1.5;}
.chart .point{fill:var(--chart-point);stroke:var(--surface);stroke-width:2;}
.legend{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--ink-soft);}
.legend i{display:inline-block;width:16px;height:8px;border-radius:var(--radius-full);margin-right:6px;vertical-align:0;}

/* Composition */
.ingredients{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.ingredient{display:grid;grid-template-columns:2.2ch minmax(0,1fr) auto;gap:10px;align-items:baseline;font-size:var(--fs-md);}
.ingredient__rank{font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft);text-align:right;}
.ingredient__pct{font-size:var(--fs-md);font-weight:600;font-variant-numeric:tabular-nums;}
.ingredient__dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:0;background:var(--gc);}
.ingredient small{display:block;color:var(--ink-soft);font-size:var(--fs-sm);}
.stack{display:flex;height:14px;border-radius:var(--radius-full);overflow:hidden;background:var(--track);gap:2px;}
.stack span{display:block;height:100%;background:var(--gc);}

/* Message éphémère (fond inversé Astryx) */
.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);background:var(--inverted);color:var(--on-inverted);padding:12px 16px;border-radius:var(--radius-container);font-size:var(--fs-md);font-weight:500;z-index:50;max-width:calc(100% - 32px);box-shadow:var(--shadow-high);}

/* Détail de la note : une ligne par composante */
.bd{display:grid;gap:10px;}
.bd__row{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr) 4.4rem;gap:4px 12px;align-items:center;}
.bd__label{font-size:var(--fs-md);font-weight:500;}
.bd__bar{position:relative;height:8px;width:var(--w);border-radius:var(--radius-full);background:var(--track);overflow:hidden;}
.bd__bar i{position:absolute;inset:0 auto 0 0;width:var(--v);background:var(--c);border-radius:var(--radius-full);}
.bd__pts{font-size:var(--fs-md);font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.bd__pts small{font-size:var(--fs-xs);font-weight:500;color:var(--ink-soft);}
.bd__text{grid-column:1 / -1;font-size:var(--fs-sm);color:var(--ink-soft);margin-top:-2px;}
.bd__text em{font-style:normal;color:var(--warn-ink);font-weight:600;}
.bd__row.is-unknown .bd__bar{background:repeating-linear-gradient(45deg,var(--track) 0 4px,transparent 4px 8px);box-shadow:inset 0 0 0 1px var(--track);}
.bd__row--adj .bd__label{color:var(--ink-soft);}
@media (max-width:480px){.bd__row{grid-template-columns:minmax(0,1fr) 4.4rem;}.bd__bar{grid-column:1 / -1;grid-row:2;}.bd__text{grid-row:3;}}

/* ---------- Lecteur de code-barres (ui/scanner.js) ---------- */
.scanner{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:none;border-radius:var(--radius-page);background:var(--surface);color:var(--ink);padding:18px;box-shadow:var(--shadow-high);}
.scanner[open]{display:grid;gap:12px;}
.scanner::backdrop{background:var(--scrim);}
.scanner__head{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.scanner__view{position:relative;border-radius:var(--radius-container);overflow:hidden;background:#000;aspect-ratio:4/3;}
.scanner__view[hidden]{display:none;}
.scanner__view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.scanner__aim{position:absolute;inset:30% 5%;border:3px solid #fff;border-radius:var(--radius-container);box-shadow:0 0 0 999px rgba(0,0,0,.32);}
.scanner__aim i{position:absolute;left:6%;right:6%;top:50%;height:2px;border-radius:2px;background:#FF705D;animation:scanline 1.6s ease-in-out infinite alternate;}
@keyframes scanline{from{transform:translateY(-28px);}to{transform:translateY(28px);}}
@media (prefers-reduced-motion:reduce){.scanner__aim i{animation:none;}}
.scanner__torch{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.65);color:#fff;}
.scanner__status{font-size:var(--fs-md);color:var(--ink-soft);min-height:2.6em;}
.scanner__alt{display:grid;gap:12px;}
.scanner__photo{position:relative;justify-self:start;}
.scanner__manual{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;}
.scanner__manual .field{flex:1 1 200px;}

/* ---------- Relevé d'étiquette (saisie.html) ---------- */
.entry{display:grid;gap:16px;}
.entry details > summary{cursor:pointer;list-style-position:inside;font-weight:600;}
body:has(.entrybar) .toast{bottom:calc(84px + env(safe-area-inset-bottom,0px));}
.entry details[open] > summary{margin-bottom:12px;}
.fields--tight{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px 14px;}
.field--wide{grid-column:span 2;}
.inputbtn{display:flex;gap:8px;}
.inputbtn .input{flex:1;min-width:0;font-variant-numeric:tabular-nums;}
.inputunit select{border:none;border-left:1px solid var(--line-soft);background:var(--surface-2);color:var(--ink);font-size:var(--fs-sm);font-weight:500;padding:0 8px;}
fieldset.field{border:none;padding:0;margin:0;}
.chip--check{flex-direction:row;align-items:center;gap:8px;}
.chip--check input{width:16px;height:16px;accent-color:var(--accent);}
.chip--check:has(input:checked){background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);}
.checks{display:flex;flex-wrap:wrap;gap:0 22px;}
textarea.input{min-height:96px;resize:vertical;font-size:var(--fs-md);line-height:1.45;}
.select--sm{min-height:36px;padding:4px 28px 4px 10px;font-size:var(--fs-sm);width:auto;max-width:100%;}
.ingedit{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.ingedit li{display:grid;grid-template-columns:2.2ch minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:var(--fs-md);padding:6px 0;border-bottom:1px solid var(--line-soft);}
.ingedit li:last-child{border-bottom:none;}
.ingedit__rank{font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft);text-align:right;font-variant-numeric:tabular-nums;}
.ingedit__name b{font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums;}
.ingedit__name small{font-size:var(--fs-xs);font-weight:600;color:var(--warn-ink);margin-left:4px;}
.ingedit .ingredient__dot{background:var(--gc);}
.ingedit .select--sm{width:9.5rem;text-overflow:ellipsis;}
@media (max-width:380px){.ingedit .select--sm{width:8rem;font-size:12px;}}
.entry__preview{border:2px solid var(--accent);scroll-margin-top:calc(var(--header-h) + 12px);}
.warnlist{margin:0;padding-left:18px;font-size:var(--fs-sm);color:var(--warn-ink);display:grid;gap:3px;}
.entrybar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;margin:8px -20px 0;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line-soft);box-shadow:0 -2px 12px rgba(0,0,0,.08);}
.entrybar__label{font-size:var(--fs-sm);color:var(--ink-soft);font-weight:600;}
.entrybar__gauge{flex:1;font-variant-numeric:tabular-nums;}
.entrybar__gauge b{font-size:var(--fs-xl);font-weight:700;line-height:1;}
.entrybar__gauge small{font-size:var(--fs-xs);color:var(--ink-soft);margin-left:3px;}
.entrylist{list-style:none;margin:0;padding:0;display:grid;}
.entryrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:var(--fs-md);}
.entryrow:last-child{border-bottom:none;}
.entryrow > a:first-child,.entryrow > span:first-child{grid-column:1;font-weight:600;}
.entryrow .muted{grid-column:1;grid-row:2;font-size:var(--fs-sm);font-weight:400;}
.entryrow__score{grid-row:1 / span 2;grid-column:2;font-weight:700;font-size:var(--fs-xl);line-height:1;color:var(--c);font-variant-numeric:tabular-nums;}
.entryrow > .linkbtn,.entryrow > .btn{grid-row:1 / span 2;grid-column:3;}
/* Import d'un lot de fiches (saisie.html) */
.importplan{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line-soft);}
.importplan__title{font-size:var(--fs-base);font-weight:650;overflow-wrap:anywhere;}
.importrow .muted .pill{font-size:var(--fs-xs);}
.importrow > ul{grid-column:1 / -1;margin-top:6px;}
.importrow--bad > span:first-child{color:var(--ink-soft);}
.errlist{margin:0;padding-left:18px;font-size:var(--fs-sm);color:var(--bad-ink);display:grid;gap:3px;overflow-wrap:anywhere;}
.leftover{display:grid;gap:10px;justify-items:start;padding-top:14px;border-top:1px solid var(--line-soft);}
#bundle-text{font-size:var(--fs-sm);min-height:140px;}
.note--bad{background:var(--bad-bg);color:var(--ink);}
.tips{margin:0;padding-left:18px;display:grid;gap:8px;font-size:var(--fs-md);color:var(--ink-soft);}
.tips b{color:var(--ink);}
.opff{display:flex;gap:14px;align-items:flex-start;}
.opff img{width:96px;height:96px;object-fit:contain;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px var(--line-soft);flex:none;}
.mono{font-family:var(--font-code);}

/* ---------- Côte à côte (comparer.html) ---------- */
.duel__pick{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.duel__opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.duel__opts .chip{min-height:36px;flex-direction:row;align-items:baseline;gap:6px;}
.duel__heads{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
.duel__head{display:grid;gap:8px;align-content:start;padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius-container);background:var(--surface);min-width:0;}
.duel__name{display:grid;gap:2px;text-decoration:none;color:var(--ink);font-size:var(--fs-lg);line-height:1.25;overflow-wrap:anywhere;font-weight:650;letter-spacing:-.01em;}
.duel__name b{font-size:var(--fs-md);font-weight:500;color:var(--ink-soft);letter-spacing:0;}
.duel__name:hover{color:var(--link);}
.duel__rank{font-size:var(--fs-sm);color:var(--ink-soft);}
.duel__head .badges{display:flex;flex-wrap:wrap;gap:5px;}
.duel__verdict{font-size:var(--fs-base);line-height:1.55;padding:16px 18px;border-radius:var(--radius-container);background:var(--info-bg);color:var(--ink);}
.duel__table th[scope="row"]{font-weight:600;font-size:var(--fs-md);}
.duel__table th[scope="row"] small{display:block;font-weight:400;font-size:var(--fs-xs);color:var(--ink-soft);}
.duel__table td.is-unknown{color:var(--ink-soft);}
.duel__d{font-size:var(--fs-md);font-variant-numeric:tabular-nums;}
.duel__d.is-up{color:var(--good-ink);font-weight:700;}
.duel__d.is-down{color:var(--bad-ink);font-weight:700;}
.duel__why td{padding-top:0;font-size:var(--fs-sm);color:var(--ink-soft);border-bottom:1px solid var(--line-soft);}
.duel__why span{display:block;}
.duel__table tr:has(+ .duel__why) th,.duel__table tr:has(+ .duel__why) td{border-bottom:none;padding-bottom:3px;}
.duel__total th,.duel__total td{font-weight:700;background:var(--surface-2);}
.duel__table th,.duel__table td{padding:9px 12px;}
.duel__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
@media (max-width:560px){.duel__cols{grid-template-columns:minmax(0,1fr);}}
.duel__col{display:grid;gap:10px;align-content:start;min-width:0;}
.duel__mini{font-size:var(--fs-sm);color:var(--ink-soft);}

/* ---------- Comprendre l'étiquette (guide.html) ---------- */
.guide .feature a{color:var(--link);}
.ideal{margin:0;padding-left:24px;display:grid;gap:12px;font-size:var(--fs-base);line-height:1.5;}
.ideal li::marker{font-weight:700;color:var(--link);}
.ideal b{color:var(--ink);font-weight:650;}
.ideal a{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;}
.guide__toc ol{margin:0;padding-left:22px;columns:2 220px;column-gap:28px;font-size:var(--fs-md);line-height:2;}
.guide__toc li::marker{color:var(--ink-soft);}
.guide__item{scroll-margin-top:calc(var(--header-h) + 16px);}
.guide__lead{font-size:var(--fs-lg);line-height:1.5;max-width:68ch;color:var(--ink);}
.facts{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);gap:0 18px;margin:0;font-size:var(--fs-md);line-height:1.55;}
.facts dt,.facts dd{padding:10px 0;border-top:1px solid var(--line-soft);}
.facts dt:first-of-type,.facts dt:first-of-type + dd{border-top:none;padding-top:2px;}
.facts dt{font-size:var(--fs-md);color:var(--ink);font-weight:650;}
.facts dd{margin:0;max-width:75ch;}
@media (max-width:560px){.facts{grid-template-columns:minmax(0,1fr);}.facts dd{border-top:none;padding-top:0;}}
.guide__you{background:var(--info-bg);padding:12px 16px;border-radius:var(--radius-container);font-size:var(--fs-md);line-height:1.55;}
.guide__list,.guide__sources{margin:0;padding-left:20px;display:grid;gap:8px;font-size:var(--fs-md);line-height:1.55;}
.guide__sources{font-size:var(--fs-sm);}
.nutri th[scope="row"] a{color:var(--ink);text-decoration-color:var(--line);text-underline-offset:3px;}
.nutri th[scope="row"] a:hover{color:var(--link);}
.nutri td small{display:block;font-size:var(--fs-xs);color:var(--ink-soft);white-space:normal;}
.nutri__day{margin:0;padding-left:18px;display:grid;gap:6px;font-size:var(--fs-md);}
.help{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--neutral);font-size:12px;font-weight:700;color:var(--ink);text-decoration:none;vertical-align:1px;margin-left:2px;}
.help:hover{background:var(--accent);color:var(--accent-ink);}
.bd__label a,.duel__table th[scope="row"] a{color:inherit;text-decoration-color:var(--line);text-underline-offset:3px;}
.bd__label a:hover,.duel__table th[scope="row"] a:hover{color:var(--link);}
a.quiet{color:inherit;text-decoration-color:var(--line);text-underline-offset:3px;}
a.quiet:hover{color:var(--link);}
@media (max-width:600px){
  .nutri thead{display:none;}
  .nutri tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border-bottom:1px solid var(--line-soft);}
  .nutri tbody tr:last-child{border-bottom:none;}
  .nutri th,.nutri td{border:none;padding:0;text-align:left;white-space:normal;}
  .nutri th[scope="row"]{grid-column:1;grid-row:1;}
  .nutri td:last-child{grid-column:2;grid-row:1;justify-self:end;}
  .nutri td[data-label]{grid-column:1 / -1;font-size:var(--fs-sm);color:var(--ink-soft);}
  .nutri td[data-label]::before{content:attr(data-label) " : ";color:var(--ink-soft);}
  .nutri td[data-label]:empty{display:none;}
  .nutri td small{display:inline;margin-left:6px;}
}
.guide [data-weight]{text-transform:none;letter-spacing:0;}
.migrate{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:16px;}
.migrate span{flex:1 1 260px;}

/* Connexion, invitation, compte, administration */
.authcard{width:100%;max-width:460px;margin:24px auto 0;display:grid;gap:18px;}
.authcard .page-title{font-size:clamp(1.7rem,6vw,2.1rem);}
.vstack{display:grid;gap:14px;}
.formerror{margin:0;}
.linkbox{display:flex;gap:8px;align-items:stretch;}
.linkbox input{flex:1;min-width:0;font-family:var(--font-code);font-size:var(--fs-sm);}
.userlist{list-style:none;margin:0;padding:0;display:grid;}
.userrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:var(--fs-md);}
.userrow:last-child{border-bottom:none;}
.userrow .muted{font-size:var(--fs-sm);}
.userrow .actions{grid-column:1 / -1;gap:6px 14px;}
.soon{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
.soon__item{display:grid;gap:4px;padding:16px;border:1px dashed var(--line);border-radius:var(--radius-container);background:var(--surface);}
.soon__item b{font-weight:650;}
.soon__item span{font-size:var(--fs-md);color:var(--ink-soft);}

/* ---------- Le chien en bref : menu « Mon chien » (toutes les applis), accueils ---------- */
.menu--dog{min-width:260px;max-width:min(340px,calc(100vw - 16px));}
.dogmini{display:flex;align-items:center;gap:12px;padding:8px 12px 10px;}
.dogmini > div{display:grid;gap:1px;min-width:0;}
.dogmini b{font-size:var(--fs-base);font-weight:650;}
.dogmini span{font-size:var(--fs-sm);color:var(--ink-soft);}
.dogmini__photo{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-2);box-shadow:0 0 0 1px var(--line-soft);}
.dogmini__photo--mono{display:grid;place-items:center;font-weight:700;color:var(--ink);}
.dogmini--lg{padding:0;}
.dogmini--lg .dogmini__photo{width:56px;height:56px;}
.dogmini--lg b{font-size:var(--fs-lg);}
.dogmini--lg span{font-size:var(--fs-md);}
.dogmini__alert{display:block;margin:0 6px 6px;padding:8px 10px;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;line-height:1.35;color:var(--ink);text-decoration:none;background:var(--info-bg);}
.dogmini__alert--warn{background:var(--warn-bg);}
.dogmini__alert--bad{background:var(--bad-bg);}
a.dogmini__alert:hover{text-decoration:underline;}
.dogpanel .dogmini__alert{margin:0;}

/* ---------- Carnet de santé (sante.html) ---------- */
.remlist,.hlist{list-style:none;margin:0;padding:0;display:grid;}
.remind{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);}
.remind:last-child{border-bottom:none;}
.remind:not(:has(.remind__cal)){grid-template-columns:minmax(0,1fr) auto;}
/* La date du rappel, comme une page d'éphéméride : le repère qui se lit d'un coup d'œil. */
.remind__cal{display:grid;justify-items:center;align-content:center;width:52px;min-height:56px;padding:4px 0 5px;border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 3px 0 var(--accent);line-height:1.05;}
.remind__cal b{font-size:var(--fs-xl);font-weight:700;font-variant-numeric:tabular-nums;}
.remind__cal span,.remind__cal small{font-size:var(--fs-xs);font-weight:600;color:var(--ink-soft);}
.remind--overdue .remind__cal{box-shadow:inset 0 3px 0 var(--low);}
.remind--soon .remind__cal{box-shadow:inset 0 3px 0 var(--mid);}
.remind__txt{display:grid;gap:4px;min-width:0;font-size:var(--fs-md);}
.remind__txt b{font-weight:650;overflow-wrap:anywhere;}
.remind__txt .muted{font-size:var(--fs-sm);}
@media (max-width:420px){
  .remind{grid-template-columns:auto minmax(0,1fr);}
  .remind > .btn{grid-column:2;justify-self:start;}
  .remind:not(:has(.remind__cal)) > .btn{grid-column:1;}
}
.field--full{grid-column:1 / -1;}
.typepick{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.typepick legend{padding:0;margin-bottom:8px;}
.typepick .chip{position:relative;min-height:40px;padding:8px 14px;}
.typepick input{position:absolute;opacity:0;width:1px;height:1px;margin:0;}   /* le bouton entier fait office de case */
.typepick .chip:has(input:checked){font-weight:650;}
.typepick .chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px;}
.quick{display:flex;gap:14px;flex-wrap:wrap;}
.quick .linkbtn{font-size:var(--fs-sm);}
.chip--sm{flex-direction:row;align-items:baseline;gap:6px;min-height:36px;padding:6px 12px;}
.hyear{font-size:var(--fs-md);font-weight:650;color:var(--ink-soft);padding-top:6px;}
.hrec{display:grid;grid-template-columns:4.6rem minmax(0,1fr) auto;gap:4px 14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:var(--fs-md);}
.hrec:last-child{border-bottom:none;}
.hrec__date{font-weight:600;font-variant-numeric:tabular-nums;padding-top:1px;}
.hrec__body{display:grid;gap:4px;min-width:0;}
.hrec__body b{font-weight:650;overflow-wrap:anywhere;}
.hrec__body .muted{font-size:var(--fs-sm);}
.hrec__note{font-size:var(--fs-sm);white-space:pre-line;overflow-wrap:anywhere;}
.hrec__acts{display:flex;gap:12px;}
.hrec__acts .linkbtn{font-size:var(--fs-sm);}
.linkbtn--bad{color:var(--bad-ink);}
@media (max-width:560px){
  .hrec{grid-template-columns:minmax(0,1fr);}
  .hrec__date{color:var(--ink-soft);font-size:var(--fs-sm);}
}
.health-foot{font-size:var(--fs-sm);max-width:70ch;}
.dogstrip__health{margin:0;}