/* TARIFIA — 5 fonctions avancées (photo, frais, Achetez malin, conteneur, fiche QR). Couleurs : pastilles sur fond propre, lisibles sur blocs verts et ivoire. */
.x-cam__btns{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0}
.x-cam__btns .btn{cursor:pointer;flex:1 1 220px;justify-content:center;text-align:center}
.x-cam__pv{display:flex;gap:12px;align-items:center;margin:8px 0}
.x-cam__pv img{width:84px;height:84px;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 4px 10px rgb(0 0 0/.3)}
.x-ph-line{border-top:1px dashed rgb(255 255 255/.35);padding-top:10px;margin-top:10px}
.ph-sug,.x-rt-sug{list-style:none;margin:4px 0;padding:0;max-height:260px;overflow:auto;grid-column:1/-1}
.ph-sug button,.x-rt-sug button{all:unset;display:block;cursor:pointer;padding:7px 9px;border-radius:9px;background:#fffaf0;color:#0d5433;margin:3px 0;font-size:13.5px;line-height:1.35;width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.x-frpre{border-radius:14px;padding:10px 12px;margin:6px 0 10px;background:rgb(255 255 255/.10);box-shadow:inset 0 0 0 1px rgb(255 255 255/.25)}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-src{display:block;margin-top:4px;font-size:11.5px!important;font-weight:700!important;line-height:1.35;border-radius:8px;padding:3px 7px;background:#fffaf0!important;color:#0d5433!important;-webkit-text-fill-color:#0d5433!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-src *{color:#0d5433!important;-webkit-text-fill-color:#0d5433!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-src--indicatif{background:#fff1dc!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-src--indicatif,html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-src--indicatif *{color:#7d4100!important;-webkit-text-fill-color:#7d4100!important}
.x-src details{display:inline}.x-src summary{display:inline;cursor:pointer;text-decoration:underline}
.x-malin table th small,.x-malin td small{display:block;font-weight:600;opacity:.95;line-height:1.3}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main :is(.x-chip-ok,.x-cd,.x-lg){display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px!important;font-weight:800!important;line-height:1.5;white-space:nowrap}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main :is(.x-ec-ok.x-cd,.x-lg.x-ec-ok,.x-chip-ok),html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main tr.x-ec-ok td b,html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main td.x-pos{background:#d9f7e6!important;color:#05532f!important;-webkit-text-fill-color:#05532f!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main :is(.x-ec-mid.x-cd,.x-lg.x-ec-mid),html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main tr.x-ec-mid td b{background:#ffe7bf!important;color:#6b3800!important;-webkit-text-fill-color:#6b3800!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main :is(.x-ec-bad.x-cd,.x-lg.x-ec-bad),html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main tr.x-ec-bad td b,html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main td.x-neg{background:#ffd9d2!important;color:#8a1606!important;-webkit-text-fill-color:#8a1606!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main tr:is(.x-ec-ok,.x-ec-mid,.x-ec-bad) td b{display:inline-block;border-radius:8px;padding:1px 7px}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main td:is(.x-pos,.x-neg){font-weight:800!important;border-radius:8px}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-best th{text-decoration:underline;text-decoration-color:#f8bc50;text-decoration-thickness:3px}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-bad{background:#ffd9d2!important;color:#8a1606!important;-webkit-text-fill-color:#8a1606!important;border-radius:10px;padding:6px 10px;font-weight:800!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-bad *{color:#8a1606!important;-webkit-text-fill-color:#8a1606!important}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-ok{background:#d9f7e6!important;color:#05532f!important;-webkit-text-fill-color:#05532f!important;border-radius:10px;padding:6px 10px;font-weight:800!important}
.x-ct__hd{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:17px}
.x-ct__dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:8px 0}
.x-ct__dl div{border-radius:10px;padding:6px 9px;background:rgb(255 255 255/.12);box-shadow:inset 0 0 0 1px rgb(255 255 255/.22)}
.x-ct__dl dd{margin:0}
#ct-list .x-panel,#rt-box,.x-ft-box{margin-top:16px}
.x-rt{list-style:none;padding:0;margin:6px 0}.x-rt li{padding:6px 0;border-bottom:1px solid rgb(255 255 255/.2);overflow-wrap:anywhere}
.x-rt .btn{padding:4px 10px!important;min-height:0!important;font-size:12px!important;margin-left:4px}
.x-dv-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 44px;gap:6px;margin:6px 0}
.x-dv-row input{min-width:0;width:100%;padding:9px 10px;border-radius:10px;font-size:15px}
.x-dv-x{padding:0!important;min-width:0!important}
.x-ft-acts{margin:12px 0}
.x-falert{position:fixed;left:10px;right:10px;top:70px;z-index:9997;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.x-falert p{pointer-events:auto;margin:0 auto;max-width:560px;width:100%;display:flex;gap:8px;align-items:center;justify-content:space-between;background:#fff;color:#10241a;border-radius:12px;padding:9px 12px;font:700 13.5px/1.35 system-ui,sans-serif;box-shadow:0 8px 24px rgb(0 0 0/.3),inset 4px 0 0 #ef8b08}
.x-falert a{color:#0b5d3b;text-decoration:none}.x-falert button{all:unset;cursor:pointer;font-size:20px;padding:0 6px;color:#555}
.x-malin .table-wrap,.x-dv-t{max-width:100%}
@media (max-width:640px){.x-dv-row{grid-template-columns:minmax(0,1fr) 108px 40px}.x-cam__btns .btn{flex-basis:100%}}
html:root[data-theme] body main:not(#_):not(#f1) .cards>div.x-c-new[data-ico]::before{content:attr(data-ico)}
/* ===== Frais locaux (v2026102204) : 4 catégories, lignes modifiables, sous-totaux ===== */
.x-fl{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.x-fl-cat{border:1px solid rgb(11 107 69/.28);border-radius:14px;padding:10px 10px 8px;background:rgb(255 255 255/.55);box-shadow:0 2px 0 rgb(11 107 69/.12),0 6px 14px rgb(0 0 0/.05)}
.x-fl-cat:nth-child(even){border-color:rgb(240 140 0/.35);box-shadow:0 2px 0 rgb(240 140 0/.14),0 6px 14px rgb(0 0 0/.05)}
.x-fl-hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.x-fl-hd b{font-size:15px}.x-fl-st{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.x-fl-line{display:grid;grid-template-columns:minmax(0,1fr) 112px 40px;gap:6px;margin:6px 0;align-items:center}
.x-fl-line input{min-width:0;width:100%;padding:9px 10px;border-radius:10px;font-size:15px}
.x-fl-line .fl-v{text-align:right;font-variant-numeric:tabular-nums}
.x-fl-line .fl-x{padding:0!important;min-width:0!important;height:38px}
.x-fl-line .x-src{grid-column:1/-1;margin-top:0}
.x-fl-add{font-size:13px!important;padding:6px 12px!important;margin-top:2px}
.x-fl-tot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#0b6b45,#0d5433);color:#fff;font-weight:700}
.x-fl-tot b{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-fl-tot,html:root body:not(#_):not(#__):not(#___):not(#____):not(#_____):not(#f1):not(#f2):not(#f3) main .x-fl-tot *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.x-fl-r small{display:block;font-size:11.5px;opacity:.85;overflow-wrap:anywhere}
@media (max-width:420px){.x-fl-line{grid-template-columns:minmax(0,1fr) 96px 38px}}
.x-tk--fx .x-tk__s{white-space:nowrap}
.x-ph-rate .fineprint b{white-space:normal}
html[data-theme="dark"] .x-fl-cat{background:rgb(255 255 255/.06)}
/* v2026102204 : points d'entrée Mon conteneur */
.x-ct-entry,.x-ct-lock{margin:10px 0;max-width:100%;overflow-wrap:anywhere}
.x-ct-mini{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}
.x-ct-mini li{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;min-width:0}
#mg-ct,#fq-ct{max-width:100%;width:100%}
