:root{
  --bg:#eef1f5; --panel:#fff; --ink:#1d2733; --muted:#5d6b7a; --line:#cfd6df;
  --accent:#2a6fb0; --accent-ink:#fff; --orange:#e8870e; --ok:#2e7d32; --err:#c62828; --warn:#b26a00;
  --ribbon1:#f4f8fd; --ribbon2:#dde8f4; --gname:#8a9bb0; --tab-on:#fff; --row-alt:#f6f8fb; --retard:#fdecea; --bientot:#fff3e0;
  --fs:15px;
}
html[data-theme="sombre"]{
  --bg:#171c22; --panel:#1f262e; --ink:#e6ebf0; --muted:#9aa7b4; --line:#33404d;
  --accent:#5aa2e6; --accent-ink:#0b1117; --ribbon1:#232c36; --ribbon2:#1c242d; --gname:#46566a;
  --tab-on:#2a3441; --row-alt:#222a33; --retard:#3a2220; --bientot:#3a3020;
}
*{box-sizing:border-box}
html{font-size:var(--fs)}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.45 "Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif}
a{color:var(--accent)}
.inline{display:inline;margin:0}
.linkbtn{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;padding:0;text-decoration:underline}

/* ---- ruban ---- */
header.app{position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(20,40,70,.10)}
.titlebar{display:flex;gap:.6rem;align-items:center;padding:.3rem 1rem;font-size:.9rem}
.titlebar .logo{width:30px;height:30px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.3);vertical-align:middle}
.titlebar .wm{letter-spacing:.14em;font-weight:800}
.titlebar .wm2{font-weight:600;color:var(--muted)}
.titlebar .ver{color:var(--muted);font-size:.8rem}
.spacer{flex:1}
.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.25rem;padding:0 .8rem;background:var(--panel);scrollbar-width:thin}
.tab{border:0;background:none;color:var(--muted);font:inherit;font-weight:600;font-size:.93rem;padding:.5rem 1rem .45rem;cursor:pointer;border-radius:10px 10px 0 0;white-space:nowrap;border-bottom:3px solid transparent;transition:background .15s,color .15s}
.tab:hover{background:var(--ribbon2);color:var(--ink)}
.tab.on{background:var(--ribbon1);color:var(--ink);border-bottom-color:var(--tc,var(--accent))}
.ti{font-size:1rem;margin-right:.15rem}
.ribbon{background:var(--ribbon1);border-top:1px solid var(--line);min-height:6.2rem}
.panel{display:none;gap:.4rem;padding:.5rem .8rem .35rem;overflow-x:auto;align-items:stretch;border-top:3px solid var(--tc,var(--accent));margin-top:-1px}
.panel.on{display:flex}
.group{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.3rem .4rem .2rem;box-shadow:0 1px 2px rgba(20,40,70,.05)}
.buttons{display:flex;gap:.15rem;flex:1;align-items:flex-start}
.group.wide .buttons{flex-wrap:wrap;max-width:44rem}
.gname{color:var(--tc,var(--gname));text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .3rem 0;margin-top:.2rem;border-top:1px solid var(--line);white-space:nowrap}
.big{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.15rem;min-width:4.8rem;max-width:7.4rem;padding:.35rem .4rem;border:1px solid transparent;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:.8rem;text-decoration:none;cursor:pointer;transition:background .12s,transform .12s,box-shadow .12s}
.big:hover,.big:focus-visible{background:var(--ribbon2);border-color:var(--line);outline:none;transform:translateY(-1px);box-shadow:0 2px 5px rgba(20,40,70,.12)}
.big:active{transform:none}
.big .ic{font-size:1.75rem;line-height:1.1;min-height:2rem;display:grid;place-items:center}
.big .lb{text-align:center;line-height:1.15;overflow-wrap:break-word;hyphens:none}

main.work{padding:1rem 1.2rem 3rem;max-width:1500px;margin:0 auto}
main.center{display:grid;place-items:center;min-height:100vh;padding:1rem}
h1{font-size:1.45rem;margin:.2rem 0 .8rem}
h2{font-size:1.15rem;margin:1.2rem 0 .5rem}
.muted{color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem 1.2rem}
.login{width:min(26rem,100%)}
.login h1{text-align:center}
/* ---- page de connexion ---- */
body.login-page{background:radial-gradient(60rem 36rem at 15% 10%,rgba(232,135,14,.22),transparent 60%),radial-gradient(50rem 34rem at 90% 95%,rgba(52,96,154,.55),transparent 60%),linear-gradient(160deg,#0d2038,#0a1526 60%,#07101d);background-attachment:fixed;min-height:100vh}
body.login-page::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 75%)}
body.login-page main.center{position:relative;display:block;max-width:70rem;margin:0 auto;padding:6vh 1.2rem 2rem;min-height:0}
body.login-page .flash{max-width:26rem;margin-left:auto;margin-right:auto}
.lp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,26rem);gap:3.5rem;align-items:center;min-height:78vh}
.lp-hero{color:#e6edf7}
.lp-brand{display:flex;align-items:center;gap:.9rem;margin-bottom:1.6rem}
.lp-brand img{border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.lp-name{display:block;font-size:2.1rem;font-weight:800;letter-spacing:.3em;line-height:1}
.lp-tag{display:block;margin-top:.35rem;color:#9db3d1;font-size:.95rem}
.lp-lead{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.22;margin:0 0 1.6rem;font-weight:700;color:#fff}
.lp-lead em{font-style:normal;background:linear-gradient(90deg,#ffb347,#ff7a2a);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-feat{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem .7rem}
.lp-feat li{display:flex;gap:.65rem;align-items:center;padding:.5rem .75rem;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(3px)}
.lp-feat .fic{font-size:1.25rem;line-height:1;flex:none;width:1.6rem;text-align:center}
.lp-feat b{display:block;color:#fff;font-size:.92rem}
.lp-feat small{display:block;color:#a9bcd6;font-size:.78rem;line-height:1.3;margin-top:.1rem}
.lp-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.lp-chips span{padding:.28rem .7rem;border-radius:999px;font-size:.82rem;color:#d3deee;background:rgba(232,135,14,.14);border:1px solid rgba(232,135,14,.35)}
.login-secure{margin:1rem 0 0;text-align:center;font-size:.8rem;color:var(--muted)}
@media (max-width:900px){.lp{grid-template-columns:1fr;gap:1.6rem;min-height:0}.lp-hero{order:2}.lp-feat{grid-template-columns:1fr}.lp-brand{display:none}.lp-lead{font-size:1.25rem}.login-wrap{order:1}body.login-page main.center{padding-top:4.2rem}}
.login-wrap{display:grid;place-items:center}
.card.login{width:100%;padding:1.6rem 1.7rem 1.3rem;border-radius:18px;border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 60px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.4) inset;position:relative}
.card.login::before{content:"";position:absolute;left:1.7rem;right:1.7rem;top:0;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#34609a,#e8870e)}
.login-head{text-align:center;margin-bottom:1rem}
.login-logo{position:relative;z-index:1;display:block;margin:-3.2rem auto .5rem;border-radius:20px;box-shadow:0 10px 26px rgba(10,24,48,.5),0 0 0 4px var(--panel)}
.login-head h1{margin:.2rem 0 0;font-size:1.9rem}
.login .wm{letter-spacing:.32em;margin-right:-.32em;font-weight:800;color:var(--ink)}
.login-sub{margin:.15rem 0 0;color:var(--muted);font-size:.92rem}
.login label{display:block;margin-top:.8rem;font-weight:600}
.fld{position:relative;margin-top:.25rem}
.fld .fi{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);font-size:.95rem;opacity:.7;pointer-events:none}
.fld input{width:100%;padding:.62rem 2.4rem .62rem 2.2rem;border-radius:8px;box-sizing:border-box}
.fld .eye{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:1rem;padding:.3rem .45rem;opacity:.65;border-radius:6px}
.fld .eye:hover{opacity:1;background:rgba(127,127,127,.15)}
.login .actions{margin-top:1.2rem}
.login-btn{width:100%;padding:.7rem 1rem;border-radius:10px;font-size:1.02rem;background:linear-gradient(135deg,#2f66a8,#1d4378);border-color:#1d4378;color:#fff;box-shadow:0 6px 16px rgba(29,67,120,.35);transition:transform .08s,box-shadow .15s}
.login-btn:hover{box-shadow:0 8px 20px rgba(29,67,120,.5);transform:translateY(-1px)}
.login-foot{margin:.4rem 0 0;text-align:center;color:var(--muted);font-size:.8rem;line-height:1.5}
.login-foot span{opacity:.75}

/* ---- formulaires ---- */
label{display:block;font-weight:600;margin:.6rem 0 .2rem;font-size:.92rem}
input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],input[type=search],select,textarea{
  width:100%;padding:.45rem .55rem;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
textarea{min-height:5.5rem;resize:vertical}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 1.2rem}
.chk{display:flex;gap:.5rem;align-items:center;font-weight:400;margin:.3rem 0}
.chk input{width:auto}
.btn{display:inline-block;padding:.5rem 1rem;border-radius:4px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.sec{background:transparent;color:var(--accent)}
.btn.warn{background:var(--orange);border-color:var(--orange);color:#fff}
.btn.danger{background:var(--err);border-color:var(--err);color:#fff}
.btn.small{padding:.2rem .6rem;font-size:.85rem}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0;align-items:center}
.flash{padding:.6rem .9rem;border-radius:6px;margin-bottom:.8rem;border:1px solid}
.flash.ok{background:#e8f5e9;border-color:#a5d6a7;color:#1b5e20}
.flash.err,.errors{background:#fdecea;border-color:#f5b5b0;color:#8e1a14}
html[data-theme="sombre"] .flash.ok{background:#1d3a22;color:#b6e6bb;border-color:#2e5b34}
html[data-theme="sombre"] .flash.err,html[data-theme="sombre"] .errors{background:#3b1f1d;color:#f2bcb8;border-color:#6b2f2b}
.errors{padding:.6rem .9rem;border-radius:6px;border:1px solid;margin-bottom:.8rem}
.errors ul{margin:.2rem 0 0 1.1rem;padding:0}

/* ---- tableaux ---- */
.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end;margin-bottom:.8rem}
.toolbar>div{min-width:11rem}
.toolbar label{margin:0 0 .15rem}
.tablewrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:8px}
table.t{width:100%;border-collapse:collapse}
table.t th{background:var(--ribbon2);text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);font-size:.88rem;white-space:nowrap}
table.t td{padding:.4rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
table.t tbody tr:nth-child(even){background:var(--row-alt)}
table.t tbody tr.retard{background:var(--retard)}
table.t tbody tr.bientot{background:var(--bientot)}
table.t td.num{text-align:right;white-space:nowrap}
table.t td.act{white-space:nowrap;text-align:right}
.pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin:1rem 0}
.badge{display:inline-block;padding:.05rem .5rem;border-radius:99px;font-size:.78rem;font-weight:700;border:1px solid var(--line);background:var(--row-alt)}
.badge.ok{background:#e1f2e2;color:#1b5e20;border-color:#a5d6a7}
.badge.ko,.badge.critique{background:#fdecea;color:#8e1a14;border-color:#f5b5b0}
.badge.haute,.badge.en_cours{background:#fff1dd;color:#7a4a00;border-color:#f0c58a}
.badge.ouvert{background:#e3f0fc;color:#154c80;border-color:#a9cdee}
.badge.clos,.badge.basse{background:#eceff1;color:#455a64}

/* ---- tableau de bord ---- */
.db{max-width:1280px;margin:0 auto}
.hero{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:1.4rem 1.7rem;border-radius:16px;color:#e8eef8;position:relative;overflow:hidden;
  background:radial-gradient(34rem 16rem at 100% 0%,rgba(232,135,14,.28),transparent 65%),linear-gradient(135deg,#17325a,#0d2038 70%);box-shadow:0 8px 24px rgba(13,32,56,.25)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 90%);mask-image:linear-gradient(90deg,transparent,#000 90%)}
.hero>*{position:relative;z-index:1}
.hero-date{margin:0;font-size:.82rem;letter-spacing:.04em;color:#9db3d1}
.hero-date::first-letter{text-transform:uppercase}
.hero h1{margin:.1rem 0 .3rem;font-size:1.9rem;color:#fff}
.hero-sum{margin:0 0 .9rem;font-size:1.02rem;color:#cfdcf0}
.hero-sum b{color:#fff}
.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.hbtn{display:inline-block;padding:.45rem .9rem;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;color:#e8eef8;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.hbtn:hover{background:rgba(255,255,255,.16)}
.hbtn.pri{background:linear-gradient(135deg,#ffa63a,#e8700e);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(232,112,14,.4)}
.hero-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.hero-chips span{padding:.2rem .7rem;border-radius:999px;font-size:.8rem;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#c4d3ea}
.hero-chips b{color:#fff;font-variant-numeric:tabular-nums}
.hero-chips .c-bad{background:rgba(255,90,77,.2);border-color:rgba(255,90,77,.5)}
.hero-chips .c-warn{background:rgba(255,176,46,.18);border-color:rgba(255,176,46,.45)}
.hero-gauge{display:flex;align-items:center;gap:1.1rem}
.hero-gauge .g-pct{font-size:26px;font-weight:700;fill:#fff}
.hero-gauge .g-lbl{font-size:11px;fill:#9db3d1;letter-spacing:.08em;text-transform:uppercase}
.g-leg{list-style:none;margin:0;padding:0;font-size:.82rem;color:#c4d3ea;display:grid;gap:.4rem}
.g-leg i{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.5rem;vertical-align:-.05rem}
.db-alert{margin:.8rem 0 0;padding:.5rem .8rem;border-radius:8px;border:1px solid #f1b8b4;background:var(--retard);color:#8e1a14;font-size:.9rem}
.db-mid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1.6rem;margin-top:1.5rem}
.blk-t{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;padding-bottom:.45rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);border-bottom:2px solid var(--line);position:relative}
.blk-t::after{content:"";position:absolute;left:0;bottom:-2px;width:2.6rem;height:2px;background:var(--orange)}
.blk-t small{font-size:.72rem;text-transform:none;letter-spacing:0;font-weight:400;opacity:.8}
.blk-t .badge{text-transform:none;letter-spacing:0;font-size:.7rem}
.chart{display:flex;align-items:flex-end;gap:.55rem;height:13rem;padding-top:.3rem}
.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;min-width:0}
.chart .v{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.chart .bw{flex:1;width:100%;display:flex;align-items:flex-end;border-bottom:1px solid var(--line)}
.chart .bw i{display:block;width:100%;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#5b8fcf,#2a6fb0)}
.chart .col.now .bw i{background:linear-gradient(180deg,#ffb35a,#e8870e)}
.chart .col.late .bw i{background:linear-gradient(180deg,#ff7b6e,#d9433a)}
.chart .col.late .v{color:var(--err)}
.chart .lb{font-size:.74rem;color:var(--muted);white-space:nowrap}
.rows{display:grid}
.frow{display:grid;grid-template-columns:1.9rem minmax(6rem,1.1fr) minmax(5rem,2fr) 2.2rem minmax(7rem,1.2fr);gap:.7rem;align-items:center;padding:.5rem .3rem;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;border-radius:6px}
.frow:hover{background:var(--row-alt)}
.fr-ic{text-align:center;font-size:1.15rem}.fr-ic img{width:1.3rem;height:1.3rem;vertical-align:middle}
.fr-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fr-n{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.fr-st{display:flex;flex-wrap:wrap;gap:0 .55rem;font-size:.75rem}
.fr-st .late{color:var(--err);font-weight:700}.fr-st .soon{color:var(--warn);font-weight:700}.fr-st .okk{color:var(--ok);font-weight:600}
.bar{display:flex;height:7px;border-radius:4px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%}
.bar .b-ok{background:#43a047}.bar .b-soon{background:#f0a030}.bar .b-late{background:#d9433a}
.feeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));gap:1.6rem;margin-top:1.8rem}
.tl{list-style:none;margin:0;padding:0 0 0 1rem;border-left:2px solid var(--line)}
.tl li{position:relative;padding:.1rem 0 .85rem .9rem;font-size:.88rem;line-height:1.35}
.tl li::before{content:"";position:absolute;left:-1.42rem;top:.3rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}
.tl li.p-critique::before,.tl li.p-haute::before{background:var(--err)}
.tl li.p-ok::before{background:var(--ok)}
.tl li.p-normale::before{background:var(--accent)}
.tl li.p-basse::before{background:#90a4ae}
.tl .meta{display:block;font-size:.76rem;color:var(--muted);margin-top:.1rem}
.tl a{text-decoration:none;font-weight:500}.tl a:hover{text-decoration:underline}
.tl .badge{font-size:.68rem}
.feed .more{margin:.2rem 0 0;font-size:.85rem}.feed .more a{font-weight:600}
.feed .empty{padding:.3rem 0}
@media (max-width:900px){.db-mid{grid-template-columns:1fr}.frow{grid-template-columns:1.6rem 1fr 2rem;}.frow .bar,.frow .fr-st{grid-column:2/4}.hero{padding:1.1rem}.hero-gauge{width:100%;justify-content:center}}

/* ---- vérification ---- */
.res{display:flex;gap:.9rem;white-space:nowrap}
.res label{display:inline-flex;gap:.25rem;align-items:center;margin:0;font-weight:400}
.res input{width:auto}
.res .ko{color:var(--err);font-weight:700}

/* ---- calendrier ---- */
.cal{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--panel)}
.cal th{background:var(--ribbon2);padding:.3rem;border:1px solid var(--line)}
.cal td{border:1px solid var(--line);vertical-align:top;height:6.6rem;padding:.2rem .3rem;font-size:.8rem}
.cal td.other{background:var(--row-alt);color:var(--muted)}
.cal td.ferie{background:#fff4d6}
html[data-theme="sombre"] .cal td.ferie{background:#3d3418}
.cal td.today .d{background:var(--accent);color:var(--accent-ink);border-radius:50%;padding:0 .35rem}
.cal .d{font-weight:700}
.cal .it{display:block;margin:.1rem 0;padding:.05rem .3rem;border-radius:3px;background:#dce9f7;color:#12385f;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal .it.fait{text-decoration:line-through;opacity:.6}
.cal .it.echeance{background:#fff1dd;color:#7a4a00}
.cal .it.rdv{color:#fff}
.cal .it.nc{background:#e6e0f8;color:#3b2f78;border-left:3px solid #6a5acd}

/* ---- arbre ---- */
details.tree{margin:.2rem 0 .2rem 1rem}
details.tree>summary{cursor:pointer;font-weight:600}
.tree-root>details.tree{margin-left:0}
.leaf{margin-left:1.6rem;padding:.05rem 0}

/* ---- documents imprimables (rapport, fiche, devis) ---- */
.doc{background:var(--d-page,#fff);color:var(--d-text,#000);max-width:210mm;margin:0 auto;padding:10mm;border:1px solid var(--line);font-family:var(--d-font,Arial,Helvetica,sans-serif);font-size:var(--d-size,10pt)}
.doc .hd{background:var(--d-hd,#e0e0e0);color:var(--d-hdfg,#000);display:grid;grid-template-columns:1fr 1.4fr;gap:6mm;padding:5mm}
.doc .hd .ttl{background:var(--d-hdbox,#fff);color:var(--d-ttl,#000);border-radius:var(--d-rad,6px);padding:2mm 3mm;font-size:var(--d-ttlsize,15pt);font-weight:700}
.doc .hd .fld{background:var(--d-hdbox,#fff);color:var(--d-ttl,#000);border-radius:var(--d-rad,6px);padding:1.5mm 3mm;margin-top:3mm;display:flex;gap:3mm}
.doc .co-logo{max-height:var(--d-logoh,22mm);max-width:var(--d-logow,55mm);object-fit:contain;margin-bottom:2mm}
.doc .red{color:var(--d-accent,#d00);font-weight:700}
.doc .box{border:1px solid #333;background:var(--d-box,#e0e0e0);padding:3mm;font-weight:700}
.doc .rem{border:1px solid #bbb;background:var(--d-rem,#ffffe6);padding:2mm;min-height:18mm}
.doc table{width:100%;border-collapse:collapse;margin-top:5mm}
.doc th{border:1px solid var(--d-bd,#99f);background:var(--d-th,#eef);color:var(--d-thfg,#000);padding:var(--d-pad,1.5mm);font-size:9pt}
.doc td{border:1px solid var(--d-bd,#99f);padding:var(--d-pad,1.5mm);font-size:9pt;vertical-align:top}
.doc td.ko{color:var(--d-late_fg,#b00);font-weight:700}
.doc .ft{background:var(--d-ft,#e0e0e0);color:var(--d-ftfg,#000);padding:2mm 3mm;margin-top:8mm;display:flex;justify-content:space-between;font-size:9pt}
.doc .meta{display:flex;justify-content:space-between;margin:4mm 0;gap:6mm;align-items:flex-start}
.doc .sign{display:flex;gap:8mm;margin-top:8mm;break-inside:avoid}
.doc .sign div{flex:1;border:1px solid var(--d-bd,#99f);min-height:24mm;padding:1.5mm 2mm;font-size:9pt}
.doc .note{margin:4mm 0 0;font-size:9pt;text-align:center;white-space:pre-wrap}
.cb{display:inline-block;width:4mm;height:4mm;border:1px solid #000;margin-right:2mm;vertical-align:middle;text-align:center;line-height:4mm;font-size:9pt}
.noprint-bar{max-width:210mm;margin:0 auto .8rem}
.doc td.late{color:var(--d-late_fg,#b00);background:var(--d-late_bg,#fde8e8);font-weight:700}.doc td.soon{color:var(--d-soon_fg,#a35200);background:var(--d-soon_bg,#fff1dc);font-weight:700}
.doc small.tag{display:block;font-weight:400;font-size:7.5pt}
.doc.global td.ok{color:#060;font-weight:700}.doc.global td.nv{color:#a60;font-weight:700}
.doc.global tr.site td{background:var(--d-site,#dde);font-weight:700}
.doc.global tr.off td{color:#777;font-style:italic}
.doc.global .sum td,.doc.global .sum th{text-align:center}.doc.global .sum td:first-child{text-align:left}

@media print{
  header.app,.noprint,.noprint-bar,.flash{display:none!important}
  body{background:#fff}
  main.work{padding:0;max-width:none}
  .doc{border:0;padding:0;max-width:none}
  .big,.tabs{display:none}
  a{color:inherit;text-decoration:none}
  @page{margin:10mm}
}
@media (max-width:700px){
  .panel{padding-bottom:.2rem}
  main.work{padding:.6rem .5rem 3rem}
}
.leaflet-container{height:70vh;border-radius:8px;border:1px solid var(--line)}
.skip{position:absolute;left:-999px}

/* sélecteur d'emoji */
.emoji-field{display:flex;gap:.5rem;align-items:center}
.emoji-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:.6rem;margin-top:.5rem;max-width:34rem}
.emoji-panel input[type=search]{width:100%;margin-bottom:.4rem}
.emoji-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem}
.emoji-tabs button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:.15rem .5rem;font-size:.8rem;cursor:pointer;color:inherit}
.emoji-tabs button[aria-pressed=true]{background:#2a6fb0;color:#fff;border-color:#2a6fb0}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr));gap:.15rem;max-height:15rem;overflow:auto}
.emoji-grid button{font-size:1.5rem;line-height:1;padding:.25rem;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer}
.emoji-grid button:hover,.emoji-grid button:focus{border-color:#2a6fb0;background:rgba(42,111,176,.12)}
.emoji-grid .empty{grid-column:1/-1;color:var(--muted,#667)}
/* photos d'anomalies */
.photos{display:flex;flex-wrap:wrap;gap:3mm;margin-top:2mm}
.photos figure{margin:0;width:46mm}
.photos img{width:100%;height:34mm;object-fit:cover;border:1px solid #999;display:block}
.photos figcaption{font-size:8pt;margin-top:1mm}
.photo-cell input[type=file]{max-width:13rem;font-size:.8rem}
.ico{height:1.15em;width:1.15em;object-fit:contain;vertical-align:-.2em}
.big .ic .ico{height:1.8rem;width:1.8rem}
.photopage{break-before:page;page-break-before:always;margin-top:8mm}
.photopage img{display:block;max-width:100%;max-height:150mm;margin:3mm auto 0;border:1px solid #999}
.big.cur{background:var(--ribbon2);border-color:var(--tc,var(--accent));box-shadow:inset 0 -3px 0 var(--tc,var(--accent))}

/* ---- densité du ruban (réglable par l'utilisateur, adaptée à la largeur d'écran) ---- */
.dens{text-decoration:none;font-size:.82rem;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:.12rem .5rem;background:var(--panel)}
.dens:hover{color:var(--ink);background:var(--ribbon2)}
html[data-ribbon="compact"] .ribbon{min-height:0}
html[data-ribbon="compact"] .panel{padding:.3rem .6rem .25rem;gap:.3rem}
html[data-ribbon="compact"] .group{padding:.15rem .25rem .1rem;border-radius:8px}
html[data-ribbon="compact"] .gname{font-size:.6rem;margin-top:.1rem;padding-top:.05rem}
html[data-ribbon="compact"] .big{min-width:3.4rem;max-width:5.6rem;padding:.2rem .25rem;font-size:.7rem;gap:.05rem;border-radius:6px}
html[data-ribbon="compact"] .big .ic{font-size:1.3rem;min-height:1.5rem}
html[data-ribbon="compact"] .big .ic .ico{height:1.4rem;width:1.4rem}
html[data-ribbon="compact"] .tab{padding:.3rem .8rem .25rem;font-size:.85rem}
html[data-ribbon="compact"] .titlebar{padding:.15rem 1rem}
html[data-ribbon="mini"] .ribbon{min-height:0}
html[data-ribbon="mini"] .panel{padding:.25rem .5rem;gap:.25rem}
html[data-ribbon="mini"] .group{padding:.1rem .2rem;border-radius:8px}
html[data-ribbon="mini"] .gname,html[data-ribbon="mini"] .big .lb{display:none}
html[data-ribbon="mini"] .buttons{flex-wrap:nowrap!important;max-width:none!important}
html[data-ribbon="mini"] .big{min-width:2.3rem;max-width:none;padding:.2rem .3rem}
html[data-ribbon="mini"] .big .ic{font-size:1.35rem;min-height:1.5rem}
html[data-ribbon="mini"] .big .ic .ico{height:1.4rem;width:1.4rem}
html[data-ribbon="mini"] .tab{padding:.3rem .7rem .25rem;font-size:.85rem}
html[data-ribbon="mini"] .tab .tl{display:none}
html[data-ribbon="mini"] .tab.on .tl{display:inline}
html[data-ribbon="masque"] .ribbon{display:none}
html[data-ribbon="masque"] .tab{padding:.3rem .8rem .25rem;font-size:.85rem}
@media (max-width:700px){
  .titlebar .ver,.titlebar .who{display:none}
  .tab .tl{display:none}.tab.on .tl{display:inline}
}
html[data-ribbon="compact"] .group.wide .buttons{max-width:60rem}

/* ---- apparence des rapports (administration) ---- */
.rs-grid{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.rs-form{flex:0 0 25rem;max-width:100%}
.rs-form details{border:1px solid var(--line);border-radius:8px;margin:.5rem 0;padding:.2rem .7rem}
.rs-form summary{cursor:pointer;font-weight:600;padding:.3rem 0}
.rs-form .cf{display:grid;grid-template-columns:1fr auto;gap:.25rem .6rem;align-items:center;margin:.3rem 0}
.rs-form .cf input[type=color]{width:3rem;height:1.8rem;padding:0}
.rs-form .cf input[type=number]{width:5rem}
.rs-prev{flex:1 1 30rem;min-width:0;overflow:auto;background:#8a8f98;padding:.8rem;border-radius:8px}
.rs-prev .doc{zoom:.75;box-shadow:0 2px 10px rgba(0,0,0,.35);margin:0 auto}
.rs-prev .co-logo.ph{display:inline-block;width:30mm;height:12mm;background:#c9c9c9;text-align:center;line-height:12mm;font-size:8pt;color:#555}
.rs-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0}
.rs-tabs a{padding:.3rem .7rem;border:1px solid var(--line);border-radius:6px;text-decoration:none}
.rs-tabs a.on{background:var(--accent,#2b6cb0);color:#fff;border-color:transparent}
.rs-presets{display:flex;flex-wrap:wrap;gap:.3rem}
.doc,.doc *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rs-presets .btn{padding:.25rem .6rem;font-size:.85rem}
@media (min-width:1100px){
  .rs-grid{position:sticky;top:var(--rs-top,0);height:var(--rs-h,auto);align-items:stretch;flex-wrap:nowrap}
  .rs-form{overflow-y:auto;max-height:100%;margin:0}
  .rs-prev{overflow:auto;max-height:100%}
}
/* ---- retouche d'un rapport avant impression ---- */
.ed-tools{position:sticky;top:0;z-index:15;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;max-width:277mm;margin:0 auto .6rem;padding:.4rem .5rem;background:var(--panel,#fff);border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ed-tools .btn{padding:.2rem .6rem}
.ed-tools .ed-col{display:flex;align-items:center;gap:.25rem}
.ed-tools input[type=color]{width:2rem;height:1.6rem;padding:0}
.ed-hint{flex:1 1 100%;font-size:.8rem}
.ed-block{position:fixed;z-index:12;gap:.2rem;padding:.15rem;background:var(--panel,#fff);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.ed-block .btn{padding:.1rem .45rem;font-size:.85rem}
.doc.ed-on{outline:2px solid #2b6cb0;outline-offset:2px}
.doc.ed-on .ed-cur{outline:2px dashed #2b6cb0;outline-offset:1px}
.doc .ed-break{break-before:page;page-break-before:always;border-top:2px dotted #2b6cb0}
@media print{.ed-ui{display:none!important}.doc.ed-on,.doc.ed-on .ed-cur{outline:0!important}.doc .ed-break{border-top:0}}
.ed-tools select{width:auto;min-width:6rem}
.doc.ed-on.ed-resize,.doc.ed-on.ed-resize *{cursor:col-resize!important}
.ed-tools .ed-grp{display:inline-flex;gap:.2rem;align-items:center}.ed-block .ed-al{display:none;gap:.2rem;padding-right:.3rem;margin-right:.1rem;border-right:1px solid var(--line)}.ed-tools .ed-save{background:var(--accent);color:var(--accent-ink)}
.doc.ed-on .ed-curt{outline:2px dotted #2b6cb0;outline-offset:1px}
.ed-block .ed-lbl{align-self:center;font-size:.8rem;color:var(--muted);padding:0 .25rem}
@media print{.doc.ed-on .ed-curt{outline:0!important}}
.rs-form>.actions{position:sticky;bottom:0;background:var(--panel,#fff);padding:.5rem 0;margin:0;border-top:1px solid var(--line);z-index:2}

/* ---- roue chromatique ---- */
.wheel-box{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start;margin:.4rem 0}
.wheel{--w-main:#1f4e79;--w-acc:#9a5b1f;position:relative;flex:0 0 180px;width:180px;height:180px;border-radius:50%;cursor:crosshair;touch-action:none;
  background:conic-gradient(hsl(0 55% 52%),hsl(30 55% 52%),hsl(60 55% 50%),hsl(90 50% 48%),hsl(120 45% 46%),hsl(150 48% 46%),hsl(180 52% 46%),hsl(210 55% 50%),hsl(240 52% 56%),hsl(270 50% 56%),hsl(300 48% 52%),hsl(330 52% 52%),hsl(360 55% 52%))}
.wheel:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wheel-in{position:absolute;inset:26%;border-radius:50%;background:linear-gradient(90deg,var(--w-main) 50%,var(--w-acc) 50%);border:3px solid var(--panel,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.wdot{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.45);pointer-events:none}
.wdot.main{width:20px;height:20px;margin:-10px 0 0 -10px;border-width:3px}
.wheel-ctl{flex:1 1 11rem;min-width:11rem}
.wheel-ctl input[type=range]{width:100%}
.wheel-sw{display:flex;gap:.25rem;margin:.5rem 0}
.wheel-sw i{flex:1;height:1.6rem;border-radius:4px;border:1px solid rgba(0,0,0,.25)}
.lp-chips span.more{background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.35);color:#fff}
.lp-chips span.oss{background:rgba(46,125,50,.2);border:1px solid rgba(120,200,125,.5);color:#d4f0d7}
.web{display:inline-block;margin-left:.55em;padding:.12em .5em .1em;border-radius:6px;background:linear-gradient(135deg,#ffa63a,#e8700e);color:#fff;font-size:.55em;font-weight:800;letter-spacing:.18em;vertical-align:.28em;-webkit-text-fill-color:#fff;box-shadow:0 2px 6px rgba(232,112,14,.45)}
.titlebar .web{font-size:.62em;letter-spacing:.14em;margin-left:.5em;vertical-align:.18em;box-shadow:none}
.login h1 .web{font-size:.42em;margin-left:.8em;margin-right:0;vertical-align:.5em;letter-spacing:.2em}
.doc .luci-mark{display:flex;align-items:center;gap:2mm;margin:5mm 0 0;font-size:7.5pt;color:#666;justify-content:flex-start}
.doc .luci-mark.m-centre{justify-content:center}.doc .luci-mark.m-droite{justify-content:flex-end}
.doc .luci-mark img{width:5mm;height:5mm;border-radius:1.2mm}
.doc .luci-mark b{letter-spacing:.06em}

/* ---- étiquettes de validité ---- */
.etq-layout{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1.2rem;align-items:start}
.etq-side{position:sticky;top:.6rem}
.etq-side label{display:block;margin-top:.6rem;font-weight:600;font-size:.9rem}
.etq-side label.chk{font-weight:400;margin-top:.3rem}
.etq-side select,.etq-side input[type=number]{width:100%}
.etq-opts{border:1px solid var(--line);border-radius:6px;margin:.8rem 0 .4rem;padding:.2rem .7rem .5rem}
.etq-opts legend{font-size:.85rem;font-weight:700;padding:0 .3rem}
.etq-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.5rem}
.etq-n{width:4.5rem}
.etq-sum{margin:.9rem 0 .3rem;padding:.5rem .7rem;border-radius:6px;background:var(--row-alt);border:1px solid var(--line);font-weight:600;font-size:.92rem}
.etq-grid{display:grid;gap:3px;margin:.5rem 0}
.etq-grid i{display:block;height:1rem;border:1px solid var(--line);border-radius:3px;background:var(--panel);cursor:pointer}
.etq-grid i.used{background:repeating-linear-gradient(45deg,#d8dde4,#d8dde4 3px,#eef1f5 3px,#eef1f5 6px);cursor:pointer}
.etq-grid i.first{background:var(--orange);border-color:var(--orange)}
.etq-grid i.fill{background:#b9d3ee;border-color:#8fb4dc}
@media (max-width:1000px){.etq-layout{grid-template-columns:1fr}.etq-side{position:static}}
.etq-bar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1rem}
.etq-pages{display:flex;flex-direction:column;align-items:center;gap:1rem;page:etiquettes}
.etq-sheet{position:relative;width:210mm;height:297mm;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.25);overflow:hidden;color:#000;break-after:page;page-break-after:always}
.etq-cells{position:absolute;display:grid;grid-template-columns:repeat(var(--cols),var(--w));grid-auto-rows:var(--h);column-gap:var(--gx);row-gap:var(--gy)}
.etq{position:relative;box-sizing:border-box;width:var(--w);height:var(--h);padding:1.6mm 2mm 1.4mm 3.4mm;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;font-family:Arial,Helvetica,sans-serif;line-height:1.15}
.etq.cont{outline:.15mm solid #9a9a9a;outline-offset:-.15mm}
.etq.empty{visibility:hidden}.etq.empty.cont{visibility:visible;outline-color:#e4e4e4}
.etq[style*="--yc"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2mm;background:var(--yc);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.etq-head{display:flex;flex-wrap:wrap;align-items:center;gap:.3mm 1.4mm;min-width:0}
.etq-logo{flex:none;width:8mm;height:8mm;border-radius:1.6mm}
.etq-brand{font-weight:800;letter-spacing:.12em;font-size:calc(var(--k,1)*8.5pt);white-space:nowrap}
.etq-brand span{margin-left:.5mm;font-size:.62em;padding:.2mm 1mm;border-radius:.8mm;background:#e8700e;color:#fff;letter-spacing:.1em;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.etq-fam{margin-left:auto;font-size:calc(var(--k,1)*7.5pt);font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:right;overflow-wrap:anywhere;min-width:0}
.etq-ref{overflow-wrap:anywhere;line-height:1.08;font-size:calc(var(--k,1)*13pt);font-weight:800;}
.etq-ref small{font-size:.55em;font-weight:400;color:#444}
.etq-site{font-size:calc(var(--k,1)*7.2pt);color:#333;line-height:1.15;overflow-wrap:anywhere}
.etq-dates{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5mm 2mm;border-top:.2mm solid #888;padding-top:.8mm}
.etq-dates small{display:block;font-size:calc(var(--k,1)*6pt);text-transform:uppercase;letter-spacing:.05em;color:#555}
.etq-dates b{white-space:nowrap;font-size:calc(var(--k,1)*10.5pt)}
.etq-valid{text-align:right}.etq-valid b{color:var(--yc,#000)}.etq-valid.late b{text-decoration:underline}
.s-sm .etq-logo{width:7mm;height:7mm}.s-sm .etq-ref{overflow-wrap:anywhere;line-height:1.08;font-size:calc(var(--k,1)*11pt)}.s-sm .etq-dates b{font-size:calc(var(--k,1)*9pt)}.s-sm .etq{padding:1.2mm 1.8mm 1.2mm 3.2mm}
.s-xs .etq{padding:.8mm 1.2mm .8mm 2.8mm}.s-xs .etq-logo{width:5mm;height:5mm;border-radius:1mm}.s-xs .etq-brand{font-size:calc(var(--k,1)*6pt)}.s-xs .etq-fam{font-size:calc(var(--k,1)*5.5pt)}
.s-xs .etq-ref{overflow-wrap:anywhere;line-height:1.08;font-size:calc(var(--k,1)*8.5pt)}.s-xs .etq-site{display:none}.s-xs .etq-dates small{font-size:calc(var(--k,1)*4.6pt)}.s-xs .etq-dates b{font-size:calc(var(--k,1)*7pt)}
@media print{
  @page etiquettes{size:A4;margin:0}
  .etq-pages{display:block;gap:0}
  .etq-sheet{box-shadow:none;margin:0}
  .etq-sheet:last-child{break-after:auto;page-break-after:auto}
  body{background:#fff}
}
.etq-perso{margin-top:.5rem;padding:.5rem .6rem;border:1px dashed var(--line);border-radius:6px}
.etq-perso[hidden]{display:none}
.etq-pf{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .6rem}
.etq-pf label{margin-top:.2rem;font-size:.8rem}
.etq-perso input[type=text]{width:100%;margin-top:.3rem}
.etq-cust{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;padding:.25rem 0;border-bottom:1px solid var(--line)}
.etq-side{max-height:calc(100vh - 1.2rem);overflow:auto}
.etq-note{margin:.25rem 0 0;font-size:.8rem;min-height:0}.etq-note:empty{display:none}
.etq-side select{max-width:100%;text-overflow:ellipsis}
.fmt-list{max-height:13.5rem;overflow-y:auto;border:1px solid var(--line);border-radius:6px;background:var(--panel);margin-top:.25rem}
.fmt-grp{position:sticky;top:0;background:var(--row-alt);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.3rem .6rem;border-bottom:1px solid var(--line)}
.fmt-opt{display:flex!important;align-items:center;gap:.5rem;margin:0!important;padding:.32rem .6rem;font-weight:400!important;font-size:.86rem;cursor:pointer;border-bottom:1px solid transparent}
.fmt-opt:hover{background:var(--row-alt)}
.fmt-opt:has(input:checked){background:var(--accent);color:var(--accent-ink)}
.fmt-opt input{margin:0;flex:none}
.fmt-opt input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}
.etq-rubopt{margin:.5rem 0;padding:.5rem .6rem;border:1px solid var(--accent);border-radius:6px;background:var(--row-alt)}
.etq-rubopt[hidden]{display:none}.etq-rubt{margin:0 0 .2rem;font-weight:700;font-size:.85rem}
.etq.rub{flex-direction:row;align-items:stretch;justify-content:flex-start;padding:0;gap:0}
.etq.rub::before{display:none}
.rub-z{flex:0 0 var(--zone);position:relative;background:repeating-linear-gradient(135deg,transparent 0 1.2mm,#e9e9e9 1.2mm 1.5mm);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rub-z:first-child{border-right:.2mm dashed #888}.rub-z:last-child{border-left:.2mm dashed #888}
.rub-fold{flex:0 0 0;border-left:.25mm dotted #555;position:relative}
.rub-b{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.2mm 2mm;position:relative;overflow:hidden}
.etq.rub[style*="--yc"] .rub-b::before{content:"";position:absolute;left:0;right:0;top:0;height:1.4mm;background:var(--yc);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rub-h{display:flex;flex-wrap:wrap;align-items:center;gap:1.2mm;min-width:0;margin-top:.6mm}
.rub-h .etq-logo{width:5mm;height:5mm;border-radius:1mm}.rub-h .etq-brand{font-size:calc(var(--k,1)*6.5pt)}.rub-h .etq-fam{font-size:calc(var(--k,1)*6pt)}
.rub-r{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.5mm;min-width:0;overflow-wrap:anywhere}
.rub-r b{font-size:calc(var(--k,1)*10pt);font-weight:800}.rub-r small{font-size:calc(var(--k,1)*6pt);color:#333;line-height:1.1}
.rub-d{display:flex;justify-content:space-between;gap:2mm;border-top:.2mm solid #888;padding-top:.5mm}
.rub-d small{display:block;font-size:calc(var(--k,1)*4.8pt);text-transform:uppercase;letter-spacing:.04em;color:#555}
.rub-d b{white-space:nowrap;font-size:calc(var(--k,1)*8pt)}

.etq-marks i{position:absolute;display:block;border-left:.2mm solid #000;border-top:.2mm solid #000;background:none}

/* ---- Photo rapide (téléphone) ---- */
body.mob{margin:0;padding-bottom:env(safe-area-inset-bottom)}
.mob-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .9rem;padding-top:calc(.6rem + env(safe-area-inset-top));background:linear-gradient(135deg,#34609a,#17325a 55%,#0a1830);color:#fff;position:sticky;top:0;z-index:5}
.mob-brand{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;min-width:0}
.mob-brand span:last-child{opacity:.8;font-size:.85rem;white-space:nowrap}
.mob-brand .web{background:#f2762b;color:#fff;border-radius:4px;font-size:.6rem;padding:1px 4px;margin-left:3px;vertical-align:middle}
.mob-link{color:#cfe0ff;font-size:.85rem;white-space:nowrap}
.mob-main{max-width:34rem;margin:0 auto;padding:.9rem}
.mob-search{display:flex;gap:.5rem;margin-bottom:.8rem}
.mob-search input{flex:1;min-width:0;font-size:1.1rem;padding:.8rem .9rem;border-radius:10px}
.mob-search .btn{padding:.8rem 1rem;font-size:1rem}
.mob-h{font-size:1rem;margin:1rem 0 .5rem}
.mob-card{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;margin-bottom:.55rem;color:inherit;text-decoration:none;min-height:3.6rem}
a.mob-card:active{background:#e8eef9}
.mob-card .mc-ic{font-size:1.7rem;line-height:1}
.mob-card .mc-ic .ico{width:1.7rem;height:1.7rem}
.mob-card .mc-tx{display:flex;flex-direction:column;min-width:0;flex:1;overflow-wrap:anywhere}
.mob-card .mc-tx b{font-size:1.05rem}
.mob-card .mc-tx small{opacity:.75}
.mob-card .mc-tx em{font-style:normal;color:#c0392b;font-size:.85rem;font-weight:600}
.mob-card .mc-go{font-size:1.4rem}
.mob-back{display:inline-block;margin:0 0 .6rem;font-size:1rem;padding:.4rem 0}
.mob-head{margin-bottom:.8rem}
.mob-dest{border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;margin:0 0 .8rem;background:var(--panel)}
.mob-dest legend{font-weight:600;padding:0 .3rem}
.mob-dest label{display:block;padding:.5rem 0}
.mob-dest label small{display:block;opacity:.7;margin-left:1.5rem}
.mob-shot{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f2762b;color:#fff;font-size:1.25rem;font-weight:700;border-radius:14px;padding:1.4rem 1rem;text-align:center;cursor:pointer}
.mob-shot input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.mob-send{display:block;width:100%;font-size:1.15rem;padding:1rem;margin-top:.4rem;border-radius:12px}
.mob-send:disabled{opacity:.45}
.mob-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.mob-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}
.mob-obs{margin:.1rem 0 .4rem 1.5rem}
.mob-obs textarea{width:100%;box-sizing:border-box;font-size:1rem;padding:.6rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}
.mob-obs .chk{display:block;padding:.4rem 0;font-size:.95rem}
.mob-repl{display:block;padding:.4rem 0;font-size:.95rem}
.mob-repl select{display:block;width:100%;box-sizing:border-box;margin-top:.3rem;font-size:1rem;padding:.6rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}
/* QR code des étiquettes : référence seulement, lu par la page Photo rapide */
.etq-mid{padding-bottom:.3mm;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1.5mm;min-height:0;flex:1 1 0;overflow:hidden}
.etq-txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.6mm;justify-content:center}
.etq-qr{flex:none;height:100%;width:auto;aspect-ratio:1/1;max-height:15mm;image-rendering:crisp-edges;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rub-b .etq-qr{position:absolute;right:2mm;top:50%;transform:translateY(-50%);max-height:none;width:min(16mm,calc(var(--h) - 6mm));height:min(16mm,calc(var(--h) - 6mm))}
.rub-b.hasqr{padding-right:calc(min(16mm,calc(var(--h) - 6mm)) + 4mm)}
.mob-scan{display:block;width:100%;background:#17325a;color:#fff;border:0;font-size:1.15rem;font-weight:700;padding:1.1rem;border-radius:14px;margin-bottom:.4rem;cursor:pointer}
.mob-scanner{background:#000;border-radius:14px;padding:.6rem;margin-bottom:.6rem;color:#fff}
.mob-scanner[hidden],.mob-scan[hidden]{display:none}
.mob-scanner video{display:block;width:100%;max-height:60vh;border-radius:10px;background:#111;object-fit:cover}
.mob-scanner .muted{color:#cfd8e6;margin:.5rem 0}
.mob-scan-act{display:flex;gap:.5rem;flex-wrap:wrap}
.mob-file{position:relative;overflow:hidden;cursor:pointer}
.mob-file input{position:absolute;inset:0;opacity:0;font-size:0;cursor:pointer}
.mob-or{text-align:center;color:var(--muted);margin:.6rem 0;font-size:.9rem}

.mob-scanner video[hidden]{display:none}