:root{--green:#0f4c3a;--green2:#67a62f;--soft:#f5f7f3;--soft-green:#f3f8f2;--soft-blue:#f4f8ff;--ink:#14201c;--muted:#6a756f;--line:#e3e9e4;--info:#2f73d9;--attention:#e2b62f;--neutral:#49a942;--archive:#9aa29e;--danger:#d92d2d;--shadow:0 6px 22px rgba(18,56,40,.07)} *{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f1f4f1;color:var(--ink);font-family:Aptos,"Segoe UI",Arial,sans-serif}.app-shell{max-width:520px;min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 36px rgba(0,0,0,.07);position:relative}.legacy-topbar{height:82px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10}.legacy-brand{width:238px;max-width:75%;height:54px;object-fit:cover;object-position:left center}.icon-btn,.back,.scanner-back{border:0;background:transparent;color:var(--green);cursor:pointer}.icon-btn{font-size:30px}.back{font-size:32px;line-height:1}.screen{display:none;padding:18px 18px 88px}.screen.active{display:block}.screen-title{display:flex;align-items:center;gap:8px;margin:-2px 0 16px}.screen-title h1{font-size:25px;letter-spacing:-.02em;margin:0}.primary{border:0;background:var(--green);color:#fff;padding:13px 18px;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer}.primary.small{padding:9px 14px;border-radius:12px}.muted{color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.neutral{background:var(--neutral)}.info{background:var(--info)}.attention{background:var(--attention)}.archive{background:var(--archive)} /* EAT/NOT V1.3.1 — single public header component. The top breathing room belongs to the app shell (padding), not to the first child's margin: this prevents margin collapse from exposing the grey background. */ .app-shell{padding-top:12px} .app-header{ box-sizing:border-box; width:auto; height:92px; margin:0 14px; padding:0; display:grid; place-items:center; position:static; inset:auto; z-index:auto; overflow:hidden; background:#fff; border:1px solid #e9e5de; border-radius:21px; box-shadow:none; } .app-logo{ display:block; width:min(280px,72%); max-width:72%; height:auto; max-height:58px; margin:0; } @media(max-width:410px){ .app-shell{padding-top:10px} .app-header{height:88px;margin:0 12px;border-radius:20px} .app-logo{width:min(266px,74%);max-width:74%;max-height:54px} } /* Scanner viewport tracks the real outer height of the rebuilt header. */ body[data-screen="scanner"] .scanner-screen.active{height:calc(100dvh - 124px)!important} @media(max-width:410px){body[data-screen="scanner"] .scanner-screen.active{height:calc(100dvh - 118px)!important}} /* Accueil */ .summary-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px;font-size:18px}.summary-head strong{font-size:22px}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.status-strip>div,.status-strip>.status-card{background:var(--soft);border:0;border-radius:16px;padding:11px 6px;text-align:center;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:6px;row-gap:3px;color:inherit;font:inherit}.status-strip b{font-size:17px;line-height:1}.status-strip small{grid-column:1/3;color:var(--muted);font-size:10px}.status-strip>.status-card{cursor:pointer}.status-strip>.status-card:active{transform:scale(.98)}.sortbar{display:grid;grid-template-columns:auto auto 1fr 1fr;gap:7px;padding-bottom:10px;align-items:center}.sortbar button,.select-pill{min-height:40px;border:1px solid var(--line);background:#fff;border-radius:999px;color:#3d4943}.sortbar button{padding:9px 13px;font:inherit;white-space:nowrap;cursor:pointer}.sortbar button.active{background:var(--green);color:#fff;border-color:var(--green)}.select-pill{position:relative;display:flex;align-items:center;justify-content:center;padding:0 12px;overflow:hidden;min-width:0}.select-pill span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-pill:after{content:"▾";font-size:10px;margin-left:5px}.select-pill.active{background:var(--green);border-color:var(--green);color:#fff}.select-pill select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.product-list{border-top:1px solid var(--line)}.product-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.product-img{width:64px;height:64px;border-radius:13px;object-fit:contain;background:#f4f5f3}.product-fallback{display:grid;place-items:center;font-size:27px;color:var(--green)}.product-row-copy{min-width:0}.product-row h3{margin:0 0 4px;font-size:17px;line-height:1.18}.product-row p{margin:2px 0;color:var(--muted);font-size:12px;line-height:1.25}.row-status{display:flex;align-items:center;gap:8px}.row-status .dot{width:14px;height:14px}.chev{font-size:28px;color:#a8b0ab}.filtered-empty{padding:34px 10px;text-align:center;color:var(--muted)}.empty{text-align:center;padding:60px 20px;display:none}.empty.show{display:block}.empty-icon{font-size:48px;color:var(--green)}.empty p{color:var(--muted);line-height:1.5} /* Scanner V0.6 */ .scanner-screen.active{display:flex;flex-direction:column;height:calc(100dvh - 82px);padding:10px 18px 12px;overflow:hidden;position:relative}.scanner-top-back{align-self:flex-start;border:0;background:transparent;color:var(--green);font:inherit;font-weight:800;padding:2px 2px 8px;cursor:pointer}.scanner-box{flex:1 1 auto;min-height:235px;max-height:48dvh;background:#111;border-radius:24px;overflow:hidden;position:relative;box-shadow:var(--shadow)}#video{width:100%;height:100%;object-fit:cover;background:#222}.scan-canvas{display:none}.scan-frame{position:absolute;left:13%;right:13%;top:29%;bottom:29%;border:3px solid #fff;border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.16)}.camera-message{position:absolute;left:10px;right:10px;bottom:16px;color:#fff;text-align:center;font-size:15px;font-weight:800;text-shadow:0 1px 5px #000}.toggle-row{display:flex;gap:9px;align-items:center;padding:11px 4px 8px;font-size:15px}.toggle-row input{width:20px;height:20px;accent-color:var(--green)}.manual-box{background:var(--soft-green);padding:12px 14px;border-radius:18px}.manual-box.compact label{font-weight:800;font-size:13px}.manual-row{display:flex;gap:8px;margin-top:7px}.manual-row input{min-width:0;flex:1;border:1px solid #d8dfda;border-radius:12px;padding:11px;font-size:16px;background:#fff}.manual-row .primary{padding:11px 14px}.link-btn{border:0;background:transparent;color:var(--green);padding:9px 0 0;font-weight:800;font-size:12px;cursor:pointer;text-align:left} /* Fiche produit — maquette V0.4 validée */ .product-identity-card,.surface-card,.status-summary{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.product-identity-card{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;padding:15px}.hero-image-wrap{width:118px}.hero-image-wrap img,.hero-no-image{width:118px;height:118px;border-radius:17px;background:#f4f5f3;border:1px solid var(--line)}.hero-image-wrap img{display:block;object-fit:contain}.hero-no-image{display:grid;place-items:center;color:var(--green);font-size:34px}.hero-image-wrap small{display:block;margin-top:5px;text-align:center;color:var(--muted);font-size:9px}.add-photo-tile{width:118px;height:118px;border:1px dashed #b9c9c0;border-radius:17px;background:#f5f8f5;color:var(--green);display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer}.add-photo-tile span{font-size:30px;line-height:1}.add-photo-tile strong{font-size:12px}.identity-copy{min-width:0}.eyebrow{color:var(--green);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.identity-copy h2{font-size:25px;line-height:1.08;margin:5px 0 6px;letter-spacing:-.02em}.identity-meta{color:var(--muted);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.status-pill,.watch-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;margin-top:9px}.status-pill{background:#f3f5f3}.status-pill.attention{background:#fff7cf;color:#806500}.status-pill.info{background:#edf4ff;color:#215fb3}.status-pill.neutral{background:#eef8eb;color:#327a31}.status-pill.archive{background:#f1f2f1;color:#69716d}.watch-pill{background:#edf4f0;color:var(--green);margin-left:4px}.watch-pill.inactive{background:#f1f2f1;color:#737d77}.status-summary{margin-top:14px;padding:17px 18px}.status-summary.attention-card{background:#fffbea;border-color:#eadc9a}.status-summary.info-card{background:#f6f9ff;border-color:#d8e5fb}.status-summary.neutral-card{background:#f6fbf5;border-left:5px solid var(--neutral)}.status-summary.archive-card-detail{background:#f6f7f6;border-left:5px solid var(--archive)}.status-mini{font-size:11px;font-weight:900;letter-spacing:.06em;color:var(--green);text-transform:uppercase}.status-summary.attention-card .status-mini{color:#8d6d00}.status-summary h3{font-size:20px;line-height:1.22;margin:9px 0 7px}.status-summary p{margin:0;color:var(--muted);line-height:1.48}.summary-meta{margin-top:10px;color:var(--muted);font-size:11px}.text-action{border:0;background:transparent;color:var(--green);font-weight:800;padding:10px 0 0;cursor:pointer}.surface-card{margin-top:14px;padding:16px 17px}.surface-card h3{font-size:19px;margin:0 0 12px;color:var(--green)}.details-card{background:linear-gradient(145deg,#fbfdfb,#f2f8f1);border-color:#dbe8dc}.details-table{background:rgba(255,255,255,.72);border:1px solid #e4ebe5;border-radius:14px;padding:0 12px}.detail-row{display:grid;grid-template-columns:minmax(84px,.65fr) 1.35fr;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:13px}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}.detail-row strong{font-weight:700;overflow-wrap:anywhere}.citation{display:block;color:var(--muted);font-size:9px;margin-top:9px;line-height:1.35}.source-card-light{background:linear-gradient(145deg,#fbfdff,#f3f8ff);border-color:#dbe7f8}.source-card-light h3{color:#1e63b5}.source-layout{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.source-layout strong{display:block;font-size:16px}.source-layout p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.3}.source-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--green);color:#fff;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:800;white-space:nowrap}.timeline-card{background:linear-gradient(145deg,#fbfdfb,#f5f9f5);border-color:#dfe9e0}.timeline{display:grid}.timeline-line{position:relative;width:100%;display:grid;grid-template-columns:16px 1fr auto;gap:9px;align-items:start;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 0;cursor:pointer;color:inherit}.timeline-line:last-child{border-bottom:0}.timeline-line small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.timeline-line strong{display:block;font-size:12px;line-height:1.35;font-weight:600}.timeline-line b{font-size:22px;color:#86928b;font-weight:400}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#3d9660;margin:5px 0 0 2px}.timeline-dot.attention{background:var(--attention)}.timeline-dot.info{background:var(--info)}.empty-line{margin:0;font-size:12px}.alternative-card{background:#f7fbf5;border-color:#dce9d8}.alternative-row{display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center}.alternative-row img{width:54px;height:54px;object-fit:contain;border-radius:10px;background:#fff}.alternative-row strong,.alternative-row span{display:block}.alternative-row span{font-size:11px;color:var(--muted)}.alternative-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.danger-btn.full,.activate-watch-btn{width:100%;border:0;border-radius:14px;padding:15px 18px;margin-top:16px;font-size:15px;font-weight:900;cursor:pointer}.danger-btn.full{background:#fff;color:var(--danger);border:1.5px solid var(--danger)}.danger-btn.outline:hover{background:#fff7f7}.activate-watch-btn{background:var(--green);color:#fff} /* Fiche information */ .event-article-light{display:grid;gap:14px}.event-status{border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.event-status.attention-card{background:#fffbea;border-color:#eadc9a}.event-status.info-card{background:#f6f9ff;border-color:#d8e5fb}.event-status h2{font-size:23px;line-height:1.15;margin:9px 0 6px}.article-image{margin:0;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.article-image img{display:block;width:100%;max-height:330px;object-fit:contain;background:#fff}.article-image figcaption{padding:7px 10px;color:var(--muted);font-size:9px;background:#fafbfa}.official-advice{margin-top:12px;padding:12px;border-radius:13px;background:#fff7ed;border:1px solid #f1dcc2}.official-advice span{display:block;color:#b65a16;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.05em}.official-advice p{margin:5px 0 0;font-size:12px;line-height:1.45} .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(40px);background:#153d31;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:30;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.hidden-file{display:none} @media(max-width:410px){.legacy-brand{width:218px}.status-strip small{font-size:9px}.sortbar{grid-template-columns:auto auto minmax(72px,1fr) minmax(72px,1fr)}.sortbar button{padding:8px 10px;font-size:13px}.select-pill{padding:0 9px}.select-pill span{font-size:12px}.product-identity-card{grid-template-columns:102px 1fr}.hero-image-wrap,.hero-image-wrap img,.hero-no-image,.add-photo-tile{width:102px;height:102px}.identity-copy h2{font-size:22px}.source-layout{grid-template-columns:1fr}.source-cta{width:100%}} @media(max-height:740px){.scanner-screen.active{padding-top:8px}.scanner-box{max-height:43dvh;min-height:205px}.toggle-row{padding:7px 4px 5px}.manual-box{padding:10px 12px}.link-btn{padding-top:6px}} /* Archive & décisions V0.6 */ .archive-intro{background:#f5f7f5;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--muted);font-size:12px;line-height:1.45}.archive-toolbar{display:flex;gap:8px;margin:12px 0}.ghost-btn{border:1px solid #cdd8d1;background:#fff;color:var(--green);border-radius:12px;padding:9px 11px;font-weight:800;cursor:pointer}.archive-list{border-top:1px solid var(--line)}.archive-row{display:grid;grid-template-columns:22px 54px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.archive-row>img,.archive-img-fallback{width:54px;height:54px;border-radius:11px;object-fit:contain;background:#f4f5f3}.archive-img-fallback{display:grid;place-items:center;color:var(--green);font-size:22px}.archive-check{width:18px;height:18px;accent-color:var(--green)}.archive-open{border:0;background:transparent;text-align:left;min-width:0;color:inherit;padding:0;cursor:pointer}.archive-open strong,.archive-open span,.archive-open small{display:block}.archive-open strong{font-size:14px;line-height:1.2}.archive-open span{font-size:10px;color:var(--muted);margin-top:3px}.archive-open small{font-size:9px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-open small .dot{width:7px;height:7px;margin-right:3px}.restore-btn{border:1px solid #bfd1c5;background:#fff;color:var(--green);border-radius:10px;padding:8px 9px;font-weight:800;font-size:10px;cursor:pointer}.archive-delete{margin-top:16px}.archive-delete:disabled{opacity:.4;cursor:not-allowed}.archive-empty{text-align:center;color:var(--muted);padding:35px 10px}.post-read-actions{border:1px solid #dce7df;border-radius:20px;background:#f8fbf8;padding:16px;box-shadow:var(--shadow)}.post-read-actions h3{margin:0 0 5px;color:var(--green);font-size:18px}.post-read-actions p{margin:0 0 12px;color:var(--muted);font-size:12px}.decision-stack{display:grid;gap:8px}.decision-btn{border-radius:13px;padding:12px 13px;text-align:left;font-weight:900;cursor:pointer;background:#fff}.decision-btn small{display:block;font-weight:500;margin-top:2px}.decision-btn.keep{border:1px solid #acd0ab;color:#2c7630}.decision-btn.watch{border:1px solid #e5cf6d;color:#7f6500;background:#fffdf3}.decision-btn.archive-action{border:1px solid #cdd2cf;color:#626a66}.inline-source-link{display:inline-flex;margin-top:10px;color:var(--green);font-weight:800;font-size:12px;text-decoration:none}.select-pill{box-shadow:0 2px 7px rgba(20,60,43,.04)} @media(max-width:410px){.archive-row{grid-template-columns:20px 48px 1fr}.archive-row>img,.archive-img-fallback{width:48px;height:48px}.restore-btn{grid-column:3/4;justify-self:start;padding:6px 8px}.archive-toolbar{flex-wrap:wrap}} .event-status.attention-card .status-mini{color:#806500} /* V0.6 — base visuelle héritée de V0.5 */ .status-strip>.status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:92px;padding:12px 6px} .status-strip>.status-card.static{cursor:default} .status-strip>.status-card.static:active{transform:none} .status-strip .status-top{display:flex;align-items:center;justify-content:center;gap:10px;min-height:25px} .status-strip .status-top .dot{width:14px;height:14px;flex:0 0 14px} .status-strip .status-top b{font-size:22px;line-height:1;min-width:20px;text-align:center} .status-strip>.status-card small{display:block;grid-column:auto;font-size:11.5px;line-height:1.1;color:var(--muted)} /* Menus déroulants chartés EAT/NOT */ .filter-menu{position:relative;min-width:0} .filter-trigger{width:100%;min-height:40px!important;padding:9px 11px!important;border:1px solid #d7e2da!important;background:linear-gradient(180deg,#fff,#f8fbf8)!important;border-radius:14px!important;color:#32443b!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px!important;font-weight:700;box-shadow:0 2px 8px rgba(20,60,43,.05)} .filter-trigger.active,.filter-menu.open .filter-trigger{background:#edf6ef!important;border-color:#9fc4a9!important;color:var(--green)!important} .filter-chevron{font-size:12px;line-height:1;transition:transform .18s ease}.filter-menu.open .filter-chevron{transform:rotate(180deg)} .filter-panel{position:absolute;top:calc(100% + 7px);right:0;min-width:190px;max-height:270px;overflow:auto;padding:7px;background:#fff;border:1px solid #d9e4dc;border-radius:15px;box-shadow:0 14px 34px rgba(18,56,40,.16);z-index:25} .filter-panel[hidden]{display:none} .filter-panel button{width:100%;min-height:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#25372f!important;padding:10px 11px!important;text-align:left;display:flex;align-items:center;gap:9px;font-size:13px!important;font-weight:600;white-space:normal!important} .filter-panel button:hover,.filter-panel button.selected{background:#edf6ef!important;color:var(--green)!important} .filter-panel .dot{width:10px;height:10px;flex:0 0 10px} /* Lisibilité des petits textes */ .product-row p{font-size:13px;line-height:1.3} .hero-image-wrap small{font-size:11px} .identity-meta{font-size:14px;line-height:1.45} .status-pill,.watch-pill{font-size:12px} .status-summary p{font-size:14px;line-height:1.52} .summary-meta{font-size:13px;line-height:1.4} .text-action{font-size:14px} .detail-row{font-size:14.5px;line-height:1.35;padding:11px 2px} .citation{font-size:11px} .timeline-line small{font-size:12px;line-height:1.35} .timeline-line strong{font-size:14px;line-height:1.4} .empty-line{font-size:14px} .alternative-row span{font-size:12px}.alternative-row p{font-size:13px} .archive-intro{font-size:13px}.archive-open span{font-size:12px}.archive-open small{font-size:11px}.restore-btn{font-size:11px} .inline-source-link{font-size:13px} .article-image figcaption{font-size:11px;padding:8px 11px} /* Fiche information : ordre et hiérarchie */ .event-article-light{gap:12px} .event-status{padding:19px 18px} .event-status h2{font-size:23px;line-height:1.2;margin:9px 0 8px} .official-advice.standalone{margin:0;padding:16px 18px;border-radius:18px;background:#fff7ed;border:1px solid #edcfaa;box-shadow:var(--shadow)} .official-advice.standalone span{display:block;color:#a95816;text-transform:uppercase;font-size:11.5px;font-weight:900;letter-spacing:.055em} .official-advice.standalone p{margin:7px 0 0;font-size:15px;line-height:1.5;color:#2b302d} .decision-dropdown{position:relative} .decision-toggle{width:100%;border:1px solid #b9d0c0;background:#f7fbf8;color:var(--green);border-radius:15px;padding:13px 15px;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 14px rgba(18,56,40,.05)} .decision-toggle span{font-size:16px;transition:transform .18s ease}.decision-toggle.open span{transform:rotate(180deg)} .decision-menu{margin-top:8px;padding:9px;border:1px solid #dce7df;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(18,56,40,.11);display:grid;gap:8px} .decision-menu[hidden]{display:none} .decision-btn{font-size:14px;line-height:1.25;padding:13px 14px} .decision-btn small{font-size:12px;line-height:1.3;margin-top:4px} .decision-btn.delete-action{border:1px solid #e0a7a7;color:var(--danger);background:#fff} @media(max-width:410px){ .status-strip>.status-card{min-height:86px;padding:10px 4px;gap:6px} .status-strip .status-top{gap:8px}.status-strip .status-top b{font-size:20px}.status-strip>.status-card small{font-size:10.5px} .filter-trigger{padding:8px 8px!important;font-size:12px!important}.filter-panel{min-width:175px} .detail-row{font-size:14px}.timeline-line strong{font-size:13.5px}.timeline-line small{font-size:11.5px} } /* V0.6 — finitions UX sans régression */ .status-strip>.status-card{appearance:none;-webkit-appearance:none;width:100%;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease} .status-strip>.status-card:hover{box-shadow:0 5px 16px rgba(18,56,40,.08)} .status-strip>.status-card:focus-visible{outline:3px solid rgba(15,76,58,.18);outline-offset:2px} /* Bouton Retour caméra charté EAT/NOT */ .scanner-top-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1px solid #c9ddcf;background:linear-gradient(180deg,#fff,#f3f8f4);color:var(--green);border-radius:13px;font:inherit;font-size:14px;font-weight:850;padding:7px 12px;margin:0 0 8px;cursor:pointer;box-shadow:0 3px 10px rgba(18,56,40,.06)} .scanner-top-back:active{transform:translateY(1px)} .scanner-back-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f2e9;color:var(--green);font-size:24px;line-height:18px;font-weight:500} /* Menus Famille / Statut entièrement personnalisés (aucun select natif) */ .filter-menu{isolation:isolate} .filter-trigger{appearance:none;-webkit-appearance:none;position:relative;overflow:visible;background:linear-gradient(180deg,#fff 0%,#f7faf7 100%)!important;border:1px solid #cfded3!important;box-shadow:0 3px 10px rgba(18,56,40,.06)!important} .filter-trigger:before{content:"";width:7px;height:7px;border-radius:50%;background:#a9b8ae;flex:0 0 7px} .filter-trigger.active:before,.filter-menu.open .filter-trigger:before{background:var(--green2)} .filter-trigger.active,.filter-menu.open .filter-trigger{background:linear-gradient(180deg,#f5fbf6,#edf6ef)!important;border-color:#8fb99a!important;box-shadow:0 4px 14px rgba(18,56,40,.10)!important} .filter-chevron{margin-left:auto;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf3ee;color:var(--green);font-size:12px} .filter-menu.open .filter-chevron{background:#dcecdf} .filter-panel{border:1px solid #cfded3;background:rgba(255,255,255,.985);box-shadow:0 18px 44px rgba(18,56,40,.18);padding:8px;border-radius:17px;scrollbar-width:thin;scrollbar-color:#b8cabd transparent} #familyMenu .filter-panel{left:0;right:auto;min-width:210px} #statusMenu .filter-panel{right:0;left:auto;min-width:205px} .filter-panel button{appearance:none;-webkit-appearance:none;position:relative;min-height:42px!important;padding:10px 34px 10px 12px!important;border-radius:11px!important;font-size:13.5px!important} .filter-panel button:after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border:2px solid #c7d1ca;border-radius:50%;transform:translateY(-50%)} .filter-panel button.selected:after{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 2px #fff} .filter-panel button.selected{background:#edf6ef!important;font-weight:800!important} /* Photo utilisateur modifiable */ .photo-edit-btn{display:block;margin:5px auto 0;border:0;background:transparent;color:var(--green);font-size:11.5px;font-weight:800;text-decoration:underline;text-underline-offset:2px;cursor:pointer} /* Décision en attente : information volontairement discrète */ .pending-decision-link{display:inline-flex;margin-top:12px;padding:0;border:0;background:transparent;color:#c73737;font-size:13px;font-weight:900;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .pending-decision-link:after{content:" +";font-weight:600}.pending-decision-link.open:after{content:" −"} .pending-decision-explanation{margin-top:8px;padding:10px 12px;border-radius:11px;background:#fff;border:1px solid #efd4d4;color:#5c514f;font-size:13px;line-height:1.45} .pending-decision-explanation[hidden]{display:none} /* Double confirmation de suppression définitive */ .confirm-overlay{position:fixed;inset:0;z-index:100;background:rgba(12,29,23,.42);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .16s ease;backdrop-filter:blur(2px)} .confirm-overlay[hidden]{display:none}.confirm-overlay.show{opacity:1} .confirm-card{width:min(430px,100%);background:#fff;border:1px solid #e2e8e3;border-radius:22px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.22);transform:translateY(8px);transition:transform .16s ease} .confirm-overlay.show .confirm-card{transform:translateY(0)} .confirm-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff1f1;color:var(--danger);font-size:21px;font-weight:900;margin-bottom:12px}.confirm-icon.danger-icon{background:#fde9e9} .confirm-card h2{margin:0 0 9px;font-size:21px;line-height:1.2;color:var(--ink)} .confirm-card p{margin:0 0 8px;font-size:14px;line-height:1.4}.confirm-copy{color:var(--muted)} .confirm-actions{display:grid;gap:9px;margin-top:18px}.confirm-btn{width:100%;border-radius:13px;padding:12px 14px;font-size:14px;font-weight:900;cursor:pointer}.confirm-btn.safe{border:1px solid #b9d0c0;background:#f7fbf8;color:var(--green)}.confirm-btn.danger{border:1px solid #e1a3a3;background:#fff;color:var(--danger)}.confirm-btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)} @media(max-height:740px){ .scanner-top-back{padding:5px 10px;margin-bottom:5px;font-size:13px}.scanner-back-icon{width:20px;height:20px;font-size:21px} .scanner-box{max-height:42dvh} } /* ========================================================= Legacy V0.8 — simplification navigation / fiches ========================================================= */ /* Accueil : une seule rangée TOUT / RAS / INFORMATION / IMPORTANT / ARCHIVE */ .status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px} .status-strip>.status-card{min-height:78px;padding:9px 3px;border:1px solid transparent;background:#f4f7f4} .status-strip>.status-card small{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .status-strip>.status-card .status-top{gap:6px;min-height:22px} .status-strip>.status-card .status-top b{font-size:18px;min-width:16px} .status-strip .status-top .dot{width:11px;height:11px;flex-basis:11px} .status-strip>.status-card.active{background:#edf6ef;border-color:#9fc3a9;box-shadow:0 4px 14px rgba(18,56,40,.08)} /* Scanner V0.8 : caméra seule, agrandie. Le retour reprend exactement la flèche de fiche. */ .scanner-screen.active{display:flex;flex-direction:column;height:calc(100dvh - 82px);padding:12px 18px 18px;overflow:hidden} .scanner-back-only{align-self:flex-start;margin:0 0 10px;padding:0;width:32px;height:32px;display:grid;place-items:center} .scanner-box{flex:1;max-height:none;min-height:0;border-radius:24px} .scan-frame{left:8%;right:8%;top:27%;bottom:27%;border-radius:20px} .camera-message{bottom:20px;font-size:15px} /* Fiche produit type V0.8 : photo dominante, identité simple, esprit grand public. */ .product-identity-card.v07{display:block;padding:0;border:0;box-shadow:none;background:transparent} .product-identity-card.v07 .hero-image-wrap,.product-identity-card.v07 .add-photo-tile{width:100%;height:auto;border-radius:20px;background:#f5f7f4;border:1px solid #e4e9e5;padding:12px} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{width:100%;height:230px;border:0;border-radius:15px;background:#fff;object-fit:contain} .product-identity-card.v07 .add-photo-tile{min-height:230px} .product-identity-card.v07 .hero-image-wrap small{margin-top:7px;font-size:10.5px} .product-identity-card.v07 .photo-edit-btn{font-size:12px;margin-top:6px} .product-identity-card.v07 .identity-copy{padding:15px 2px 0} .product-identity-card.v07 .identity-copy h2{font-size:27px;margin:0 0 5px;line-height:1.08} .product-identity-card.v07 .brand-line{font-size:14px;color:#657069;margin-bottom:7px} .product-identity-card.v07 .identity-meta{font-size:13px;line-height:1.45} .product-identity-card.v07 .status-pill{margin-top:10px;margin-left:0} /* Alerte directement dans la fiche : plus d'écran de décision intermédiaire. */ .active-alert-card{margin-top:15px;border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;box-shadow:var(--shadow)} .active-alert-card.info-card{background:#f7faff;border-color:#d6e4fa} .active-alert-card.attention-card{background:#fff9ed;border-color:#efcf9b} .active-alert-card.info-card .status-mini{color:#2468b6} .active-alert-card.attention-card .status-mini{color:#b65b13} .active-alert-card h3{font-size:19px;line-height:1.3;margin:8px 0 13px;color:var(--ink)} .consigne-block{border-radius:16px;padding:15px 16px;margin:11px 0 13px;border:1px solid} .consigne-block.info{background:#edf5ff;border-color:#c7dcf7} .consigne-block.attention{background:#fff0e4;border-color:#f0c49f} .consigne-block span{display:block;font-size:11px;font-weight:950;letter-spacing:.08em;margin-bottom:7px} .consigne-block.info span{color:#225f9f}.consigne-block.attention span{color:#a64c10} .consigne-block p{margin:0;font-size:16px;line-height:1.48;font-weight:750;color:#27312c} .alert-meta{display:grid;margin-top:6px} .alert-meta-row{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid rgba(95,111,102,.12);font-size:12.5px} .alert-meta-row:last-child{border-bottom:0}.alert-meta-row span{color:var(--muted)}.alert-meta-row strong{overflow-wrap:anywhere} .active-alert-card .inline-source-link{margin-top:10px} .decision-question{border-top:1px solid rgba(95,111,102,.16);margin-top:15px;padding-top:15px} .decision-question h4,.history-decision h3{margin:0 0 10px;font-size:17px;color:var(--green)} .decision-actions-v07{display:grid;gap:8px} .decision-actions-v07 .decision-btn{width:100%;padding:13px 14px} .history-decision{border:1px solid #dce7df;border-radius:20px;background:#f8fbf8;padding:16px;box-shadow:var(--shadow)} /* La consigne est prioritaire sur les fiches historiques également. */ .official-advice.standalone{padding:17px 18px} .official-advice.standalone span{font-size:12px} .official-advice.standalone p{font-size:16px;line-height:1.5;font-weight:700} /* Actualité : seulement date+statut, titre, source. Toute la cellule est cliquable. */ .timeline-card{margin-top:14px} .timeline-line{grid-template-columns:1fr auto;gap:10px;padding:12px 1px} .timeline-line small{font-size:11.5px;margin-bottom:4px;color:var(--muted)} .timeline-line strong{font-size:14px;line-height:1.35;font-weight:750} .timeline-line em{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;font-style:normal} .timeline-line b{align-self:center} .timeline-dot{display:none} /* IMPORTANT remplace À SURVEILLER / À VÉRIFIER dans l'UX, même code couleur interne. */ .status-pill.attention{background:#fff0df;color:#a65111} .event-status.attention-card{background:#fff9ed;border-color:#efcf9b} .event-status.attention-card .status-mini{color:#a65111} .dot.attention,.timeline-dot.attention{background:#d97724} @media(max-width:410px){ .status-strip{gap:5px}.status-strip>.status-card{min-height:72px;padding:8px 2px}.status-strip>.status-card small{font-size:8.8px}.status-strip>.status-card .status-top b{font-size:17px} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{height:205px} .product-identity-card.v07 .identity-copy h2{font-size:25px} .consigne-block p{font-size:15px} } @media(max-height:740px){ .scanner-screen.active{padding-top:8px;padding-bottom:10px}.scanner-box{max-height:none;min-height:0} } /* V0.8 — identité encore plus simple : la marque est toujours affichée en capitales. */ .product-identity-card.v07 .brand-line{text-transform:uppercase;font-weight:800;letter-spacing:.035em} /* V0.8 — troisième choix destructif clairement séparé. */ .decision-actions-v07 .decision-btn.delete-action{border:1.5px solid #e0a7a7;color:var(--danger);background:#fff} .decision-actions-v07 .decision-btn.delete-action small{color:#8b5f5f} /* ========================================================= Legacy V0.9 — direction visuelle Nature claire ========================================================= */ :root{ --green:#254c34; --green2:#6faa4a; --soft:#f7f4ee; --soft-green:#f1f6ef; --soft-blue:#f1f6fb; --ink:#1f2b22; --muted:#6f776f; --line:#e6e1d7; --info:#d9a01d; --attention:#e25b54; --neutral:#4da35f; --danger:#c94646; --shadow:0 10px 30px rgba(35,55,42,.08) } html,body{background:#eee8de} .app-shell{max-width:560px;background:linear-gradient(180deg,#fbf8f1 0%,#f8f4ec 100%);box-shadow:0 0 40px rgba(31,43,34,.10)} .legacy-topbar{height:86px;padding:16px 18px;background:rgba(251,248,241,.96);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid rgba(37,76,52,.08)} .legacy-brand{width:246px;height:56px;object-fit:contain} .icon-btn{width:44px;height:44px;border-radius:50%;background:#f3eee5;border:1px solid #e5ddd0;font-size:28px;display:grid;place-items:center} .screen{padding:18px 18px 100px} .summary-head{margin:4px 0 18px;font-size:17px} .summary-head strong{font-size:23px;color:var(--green)} .primary{background:linear-gradient(180deg,#36684a,#254c34);box-shadow:0 8px 18px rgba(37,76,52,.15);border-radius:999px} .primary.small{padding:10px 15px} .status-strip{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none} .status-strip::-webkit-scrollbar{display:none} .status-strip>.status-card{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #e8e1d6;box-shadow:none;min-width:max-content} .status-strip>.status-card small{display:block;grid-column:auto;font-size:12px;color:#485047;font-weight:800;letter-spacing:.01em} .status-strip>.status-card .status-top{display:flex;align-items:center;gap:6px;min-height:auto} .status-strip>.status-card .status-top b{font-size:13px;color:#485047} .status-strip>.status-card.active{background:linear-gradient(180deg,#386d4d,#264d35);border-color:#264d35} .status-strip>.status-card.active small,.status-strip>.status-card.active .status-top b{color:#fff} .status-strip>.status-card.active .dot{background:#fff!important} .product-list{border-top:0;display:grid;gap:12px} .product-row{grid-template-columns:72px 1fr auto;gap:12px;padding:12px;background:#fff;border:1px solid #ece5da;border-radius:20px;box-shadow:0 6px 20px rgba(37,76,52,.05)} .product-img{width:72px;height:72px;border-radius:16px;background:#fbf8f3;border:1px solid #efe7db} .product-row h3{font-size:17px;line-height:1.16;margin:0 0 4px;color:#1e2a21} .product-row p{font-size:12.5px;color:#5f665f;margin:0 0 8px;line-height:1.35} .product-row-copy small{font-size:10.5px;color:#8a8f88;font-weight:700;letter-spacing:.02em} .product-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px} .list-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:900;white-space:nowrap} .list-status-pill .dot{width:9px;height:9px} .list-status-pill.neutral{background:#eef7ef;color:#2d7d42} .list-status-pill.info{background:#fff5dc;color:#a56b00} .list-status-pill.attention{background:#fdebea;color:#bf413d} .row-status{gap:0;align-self:center} .chev{font-size:26px;color:#b3aea6} .screen-title{margin:0 0 18px} .screen-title h1{font-size:25px} .back,.scanner-back-only{width:36px;height:36px;border-radius:50%;background:#f3eee5;border:1px solid #e5ddd0;display:grid;place-items:center;font-size:30px;line-height:1} .scanner-screen.active{padding:14px 18px 18px} .scanner-box{border-radius:28px;box-shadow:0 18px 40px rgba(0,0,0,.16)} .scan-frame{border-width:2px;box-shadow:0 0 0 9999px rgba(0,0,0,.22)} .product-identity-card.v07 .hero-image-wrap,.product-identity-card.v07 .add-photo-tile{background:#fff;border:1px solid #eae2d6;border-radius:24px;padding:14px;box-shadow:0 6px 22px rgba(37,76,52,.04)} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{height:180px;border-radius:16px;background:#fcfaf6;border:1px solid #f1eadf} .product-identity-card.v07 .add-photo-tile{min-height:180px} .product-identity-card.v07 .identity-copy{padding:14px 4px 0} .product-identity-card.v07 .identity-copy h2{font-size:30px;line-height:1.06;margin:0 0 7px;color:#17241b} .product-identity-card.v07 .brand-line{text-transform:uppercase;font-size:14px;font-weight:900;color:#556056;letter-spacing:.05em;margin-bottom:5px} .identity-subline{font-size:14px;color:#6b746d;line-height:1.35} .photo-edit-btn{color:var(--green);font-weight:900} .status-summary,.active-alert-card,.surface-card,.history-decision{border-radius:24px;border:1px solid #ebe4d8;box-shadow:0 10px 26px rgba(37,76,52,.05)} .status-summary.neutral-card{background:#f5fbf4;border-left:0} .status-summary .status-mini{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf4ea;color:#337646;letter-spacing:.03em} .status-summary h3{font-size:22px;color:#1a241c} .active-alert-card{padding:18px;background:#fff} .active-alert-card .status-mini{display:inline-flex;padding:6px 10px;border-radius:999px;letter-spacing:.03em;background:#f9ede1} .active-alert-card.info-card{background:#fffaf1;border-color:#f0e3bf} .active-alert-card.info-card .status-mini{background:#fff1d3;color:#996400} .active-alert-card.attention-card{background:#fff8f7;border-color:#f0d5d2} .active-alert-card.attention-card .status-mini{background:#fdebea;color:#bf413d} .active-alert-card h3{font-size:20px} .consigne-block{border-radius:18px;padding:16px 16px 15px} .consigne-block.info{background:#fff4d9;border-color:#f0dfac} .consigne-block.attention{background:#ffeceb;border-color:#f1caca} .consigne-block.info span{color:#9d6b00} .consigne-block.attention span{color:#ba403b} .consigne-block p{font-size:15.5px;font-weight:760} .alert-meta{margin-top:10px} .alert-meta-row{grid-template-columns:100px 1fr;padding:8px 0;border-bottom:1px solid rgba(112,120,111,.12)} .inline-source-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--green);font-size:13px;font-weight:900;text-decoration:underline;text-underline-offset:3px} .decision-question{margin-top:18px;padding-top:16px} .decision-question h4,.history-decision h3{font-size:18px;color:#274330} .decision-actions-v07{gap:10px} .decision-btn{border-radius:999px;padding:13px 16px;font-weight:900;border:1px solid #d8ddd7;background:#fff;color:#253227;box-shadow:none} .decision-btn small{display:block;margin-top:4px;font-size:11px;font-weight:700;color:#6f776f} .decision-btn.keep{background:linear-gradient(180deg,#4a8a58,#356643);border-color:#356643;color:#fff} .decision-btn.keep small{color:#eaf3eb} .decision-btn.watch{border-color:#efc2bf;color:#bf413d;background:#fff} .decision-btn.delete-action{border-color:#e4dfd7;color:#6f6b66;background:#fff} .details-card{background:#fff} .surface-card h3{font-size:20px;color:#274330} .details-table{border:1px solid #efe8dc;background:#fcfaf7;border-radius:18px} .detail-row{padding:11px 2px;font-size:13px} .detail-row span{color:#6e766e} .detail-row strong{font-weight:800;color:#213126} .timeline-card{background:#fff} .timeline-line{padding:13px 0;border-bottom:1px solid #eee7dc} .timeline-line small{font-size:11px;color:#7b827b} .timeline-line strong{font-size:14px;color:#1f2c22} .timeline-line em{font-size:11.5px;color:#7b827b} .danger-btn.outline.full{width:100%;margin-top:14px;border-radius:999px;padding:14px 16px;border:1px solid #e2d8cf;background:#fff;color:#5d5a55;font-weight:900} .toast{background:rgba(37,76,52,.94)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(37,76,52,.25)!important} @media(max-width:410px){ .product-row{grid-template-columns:64px 1fr auto} .product-img{width:64px;height:64px} .product-row h3{font-size:16px} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image,.product-identity-card.v07 .add-photo-tile{height:auto;min-height:165px} .product-identity-card.v07 .identity-copy h2{font-size:27px} } /* ========================================================= V0.9.1 — alignement fidèle à la maquette Nature claire validée ========================================================= */ body{background:#eee9df} .app-shell{background:#faf7ef} .legacy-topbar{background:#faf7ef;border-bottom:1px solid rgba(37,76,52,.07);height:82px;padding:12px 18px} .legacy-brand{width:235px;max-width:72%;height:52px;object-fit:contain;object-position:left center} .icon-btn{width:42px;height:42px;background:#f5f0e8;border:1px solid #e6ded2;color:#274d35;font-size:26px} .screen{padding:18px 20px 98px} .home-headline{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin:2px 0 16px} .home-headline h1{margin:0;color:#17251b;font-size:31px;line-height:1;letter-spacing:-.03em} .home-headline p{margin:8px 0 0;color:#707870;font-size:13.5px;line-height:1.32;max-width:300px} .scanner-fab{width:46px;height:46px;border:1px solid #dce5dc;border-radius:50%;background:#fff;color:#264f36;font-size:23px;font-weight:900;box-shadow:0 6px 18px rgba(37,76,52,.08);cursor:pointer} .status-strip{gap:9px;margin:2px 0 18px;padding:0 0 3px} .status-strip>.status-card{height:42px;min-height:42px;padding:0 15px;border-radius:999px;background:#fff;border:1px solid #e5dfd5;box-shadow:none} .status-strip>.status-card .status-top b{display:none} .status-strip>.status-card .status-top{min-height:0} .status-strip>.status-card small{font-size:12px;font-weight:900;color:#3d463f} .status-strip>.status-card .dot{width:11px;height:11px} .status-strip>.status-card.active{background:#2d6a42;border-color:#2d6a42;box-shadow:none} .status-strip>.status-card.active small{color:#fff} .status-strip>.status-card.active .dot{background:#fff!important} .product-list{display:grid;gap:12px;border:0} .product-row{grid-template-columns:76px 1fr 18px;gap:14px;align-items:center;padding:13px 14px;background:#fff;border:1px solid #e9e2d7;border-radius:22px;box-shadow:0 4px 16px rgba(37,76,52,.045)} .product-img{width:76px;height:76px;border-radius:16px;background:#fbf8f2;border:1px solid #eee6da} .product-row h3{margin:0 0 3px;font-size:16.5px;line-height:1.18;font-weight:900;color:#18231c;letter-spacing:-.015em} .product-row p{margin:0} .product-brand-line{font-size:11.5px!important;line-height:1.25!important;color:#525b53!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.03em} .product-descriptor-line{margin-top:2px!important;font-size:12px!important;line-height:1.25!important;color:#727a73!important} .product-row-bottom{display:flex;justify-content:flex-start;margin-top:8px} .list-status-pill{padding:5px 11px;border-radius:999px;font-size:10.5px;font-weight:900;line-height:1} .list-status-pill.neutral{background:#eaf7ec;color:#2b8144} .list-status-pill.info{background:#fff2cc;color:#9b6c00} .list-status-pill.attention{background:#fde8e7;color:#bd3e3a} .list-status-pill .dot{width:9px;height:9px} .chev{font-size:25px;color:#9ca39c} /* Fiche */ .screen-title{margin:0 0 16px;gap:8px} .screen-title h1{font-size:26px;font-weight:900;color:#18241b} .back,.scanner-back-only{width:36px;height:36px;background:#f5f0e8;border-color:#e5ddd0;color:#234f35;font-size:30px} .product-identity-card.v07 .hero-image-wrap,.product-identity-card.v07 .add-photo-tile{border-radius:24px;border:1px solid #e8e1d5;background:#fff;padding:12px;box-shadow:none} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{height:190px;border-radius:18px;border:0;background:#fbfaf6} .product-identity-card.v07 .identity-copy{padding:14px 4px 0} .product-identity-card.v07 .identity-copy h2{font-size:31px;line-height:1.04;margin-bottom:7px;font-weight:950;letter-spacing:-.035em} .product-identity-card.v07 .brand-line{font-size:14px;font-weight:900;color:#555d56;letter-spacing:.05em;margin-bottom:4px} .identity-subline{font-size:14px;color:#6e766f;line-height:1.3} .photo-edit-btn{font-size:11.5px;margin-top:7px;color:#26543a} .hero-image-wrap small{font-size:10px!important;color:#8a908a!important} /* Bloc INFORMATION / IMPORTANT exactement plus proche de la maquette */ .active-alert-card{margin-top:18px;padding:0;overflow:hidden;border-radius:22px;box-shadow:none} .active-alert-card.info-card{background:#fffaf0;border-color:#efdcb2} .active-alert-card.attention-card{background:#fff7f6;border-color:#efc6c3} .alert-status-head{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;padding:12px 14px;font-size:19px;font-weight:950} .alert-status-head.info{background:#fff0c9;color:#a26a00} .alert-status-head.attention{background:#fbdedc;color:#bd3d38} .alert-status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:18px;font-weight:950} .alert-status-head.info .alert-status-icon{background:#dca51c} .alert-status-head.attention .alert-status-icon{background:#d8443f} .alert-status-chevron{justify-self:end;font-size:17px;font-weight:900} .alert-content{padding:14px 15px 16px} .consigne-block{margin:0 0 10px;padding:0;border:0;background:transparent!important;border-radius:0} .consigne-block span{font-size:12px;font-weight:950;letter-spacing:.035em;margin-bottom:5px} .consigne-block.info span{color:#a06900} .consigne-block.attention span{color:#b83e3a} .consigne-block p{font-size:15.5px;line-height:1.42;font-weight:500;color:#333a34} .alert-meta{margin-top:8px} .alert-meta-row{grid-template-columns:84px 1fr;padding:6px 0;font-size:12px} .inline-source-link{margin-top:12px;color:#245a3b;font-size:13px;font-weight:900} .source-icon{display:inline-grid;place-items:center;width:21px;height:21px;border:1.5px solid currentColor;border-radius:4px;text-decoration:none;font-size:12px;margin-right:3px} /* Boutons de décision : une seule ligne, mêmes proportions que la maquette */ .decision-question{border:0;margin:14px 0 0;padding:0} .decision-actions-v07{display:grid;gap:10px} .decision-actions-v07 .decision-btn{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;min-height:54px;width:100%;padding:0 16px;border-radius:999px;font-size:15px;font-weight:900;letter-spacing:0;box-shadow:none} .decision-btn .decision-icon{grid-column:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:16px;font-weight:950} .decision-btn>span:nth-child(2){grid-column:2;text-align:center;white-space:nowrap} .decision-btn.keep{background:#3e8b4d;color:#fff;border:1px solid #3e8b4d} .decision-btn.keep .decision-icon{background:#fff;color:#3e8b4d} .decision-btn.watch.info{background:#fffaf0;color:#a06d00;border:1.5px solid #e8c66c} .decision-btn.watch.info .decision-icon{background:#dca51c;color:#fff} .decision-btn.watch.attention{background:#fff7f6;color:#bd3e3a;border:1.5px solid #e7a3a0} .decision-btn.watch.attention .decision-icon{background:#d8443f;color:#fff} .decision-btn.delete-action{background:#fff;color:#565d58;border:1.5px solid #d9d6d0} .decision-btn.delete-action .decision-icon{background:transparent;color:#1f2a23;font-size:20px} .decision-btn small{display:none!important} .details-card{background:#fff;border-color:#e8e2d7;margin-top:16px} .surface-card{border-radius:22px;box-shadow:none} .surface-card h3{color:#274a33} .details-table{background:#fbfaf6;border-color:#eee7db} .timeline-card{background:#fff;border-color:#e8e2d7} .danger-btn.outline.full{border-radius:999px} @media(max-width:420px){ .screen{padding-left:18px;padding-right:18px} .home-headline h1{font-size:29px} .home-headline p{font-size:12.8px} .status-strip>.status-card{padding:0 12px} .status-strip>.status-card small{font-size:11px} .product-row{grid-template-columns:68px 1fr 16px;padding:11px 12px;gap:12px} .product-img{width:68px;height:68px} .product-row h3{font-size:15.8px} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{height:175px} .product-identity-card.v07 .identity-copy h2{font-size:28px} .decision-actions-v07 .decision-btn{font-size:13.5px;min-height:52px;padding:0 13px;grid-template-columns:26px 1fr 26px} .decision-btn>span:nth-child(2){white-space:normal;line-height:1.15} } /* ========================================================= V0.9.3 — REFERENCE VISUELLE "NATURE CLAIRE" VALIDEE Les règles ci-dessous sont volontairement finales et prioritaires. ========================================================= */ :root{ --ma-bg:#fbf9f3; --ma-card:#fff; --ma-ink:#172219; --ma-muted:#687168; --ma-green:#2f7c43; --ma-green-dark:#1f5733; --ma-green-soft:#eaf6e9; --ma-info:#dba719; --ma-info-soft:#fff4d9; --ma-important:#df4b47; --ma-important-soft:#fde9e8; --ma-line:#ebe6dd; } *{-webkit-tap-highlight-color:transparent} html,body{background:#f0ece4;color:var(--ma-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif} body{padding:0} .app-shell{max-width:520px;min-height:100dvh;background:var(--ma-bg);box-shadow:0 0 34px rgba(35,40,34,.08);padding-bottom:72px} .legacy-topbar{height:82px;padding:12px 18px;border:0;background:var(--ma-bg);display:grid;grid-template-columns:48px 1fr 48px;align-items:center;position:sticky;top:0;z-index:20} .topbar-side{width:48px;height:48px}.topbar-right{display:grid;place-items:center} .legacy-brand{justify-self:center;width:min(245px,72vw);height:58px;object-fit:contain;object-position:center;background:transparent!important} .topbar-action{width:44px;height:44px;border:0;background:transparent;color:#15241b;display:grid;place-items:center;cursor:pointer;padding:8px;border-radius:50%} .topbar-action svg,.home-search svg,.bottom-nav svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .topbar-action:active{background:#f0ece4} .screen{padding:10px 16px 88px} #home{padding-top:4px} .home-headline{display:block;margin:4px 12px 18px} .home-headline h1{margin:0 0 5px;font-size:34px;line-height:1.03;letter-spacing:-.035em;font-weight:900;color:#172219} .home-headline p{margin:0;color:#646d65;font-size:15px;line-height:1.35;font-weight:400} .home-search{margin:0 10px 14px;height:46px;border:1px solid #e4ded4;border-radius:23px;background:#fff;display:grid;grid-template-columns:26px 1fr 32px;align-items:center;padding:0 10px;box-shadow:0 5px 16px rgba(44,54,45,.04)} .home-search[hidden]{display:none} .home-search svg{width:22px;height:22px;color:#57625a} .home-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:#1d2920;padding:0 8px} .home-search button{border:0;background:transparent;font-size:25px;color:#717971;cursor:pointer} .status-strip{display:grid;grid-template-columns:1.02fr .95fr 1.62fr 1.42fr;gap:8px;margin:0 10px 17px;padding:0;overflow:visible} .status-strip>.status-card{min-width:0;height:39px;min-height:39px;padding:0 8px;border-radius:20px;border:1px solid #ece7df;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:none} .status-strip>.status-card .status-top{display:flex;align-items:center;min-height:0;gap:0} .status-strip>.status-card .status-top b{display:none!important} .status-strip>.status-card small{display:block;font-size:11px;line-height:1;font-weight:900;color:#273229;letter-spacing:.01em;white-space:nowrap;overflow:visible} .status-strip>.status-card .dot{width:11px;height:11px;flex:0 0 11px} .status-strip>.status-card.active{background:#2f8345;border-color:#2f8345} .status-strip>.status-card.active small{color:#fff}.status-strip>.status-card.active .dot{background:#fff!important} .dot.neutral{background:#49ad58}.dot.info{background:#dca819}.dot.attention{background:#e24c48} .product-list{display:grid;gap:10px;border:0;margin:0 10px} .product-row{min-height:106px;grid-template-columns:84px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:10px 12px;border:1px solid #eee9e1;border-radius:21px;background:#fff;box-shadow:0 5px 18px rgba(45,55,47,.045);overflow:hidden} .product-img{width:84px;height:84px;border:0;border-radius:15px;background:#fbfaf7;object-fit:contain} .product-fallback{border:1px solid #eee7dc;font-size:25px;color:#2c6440} .product-row-copy{align-self:center;min-width:0} .product-row h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 3px;font-size:16px;line-height:1.14;font-weight:850;color:#1b241d;letter-spacing:-.01em} .product-brand-line{margin:0!important;font-size:12px!important;line-height:1.2!important;color:#565f57!important;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .product-descriptor-line{margin:2px 0 7px!important;font-size:12.5px!important;line-height:1.2!important;color:#697169!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .product-row-bottom{display:flex;justify-content:flex-start;align-items:center;min-height:25px} .list-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:4px 12px;border-radius:14px;font-size:10.5px;font-weight:900;letter-spacing:.01em;white-space:nowrap} .list-status-pill.neutral{background:#eaf7e9;color:#28773a}.list-status-pill.info{background:#fff3d7;color:#9a6900}.list-status-pill.attention{background:#fde8e7;color:#bf3d39} .list-status-pill .dot{width:11px;height:11px} .row-status{align-self:center}.chev{font-size:28px;font-weight:300;color:#8f978f;line-height:1} .filtered-empty{background:#fff;border:1px solid #eee8df;border-radius:18px;padding:28px 14px} /* Fiche produit */ #detail,#event{padding-top:3px} .screen-title{display:flex;align-items:center;gap:8px;margin:0 8px 14px} .screen-title h1{margin:0;font-size:24px;line-height:1.1;font-weight:850;letter-spacing:-.02em;color:#1b251e} .back,.scanner-back-only{width:32px;height:32px;border:0;background:transparent;color:#234c32;display:grid;place-items:center;font-size:34px;line-height:1;padding:0} .product-identity-card.v07{display:block;padding:0 8px;border:0;background:transparent;box-shadow:none} .product-identity-card.v07 .hero-image-wrap,.product-identity-card.v07 .add-photo-tile{width:100%;height:222px;padding:10px;border:0;border-radius:22px;background:#f5f5f0;box-shadow:none;display:grid;place-items:center;overflow:hidden} .product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{width:100%;height:202px;max-width:100%;border:0;border-radius:17px;background:#f8f8f4;object-fit:contain} .product-identity-card.v07 .add-photo-tile{min-height:222px;border:1px dashed #dcd7ce;color:#28583a} .product-identity-card.v07 .identity-copy{padding:14px 2px 0} .product-identity-card.v07 .identity-copy h2{margin:0 0 5px;font-size:29px;line-height:1.05;font-weight:900;letter-spacing:-.035em;color:#172219} .product-identity-card.v07 .brand-line{margin:0 0 4px;font-size:14px;line-height:1.15;font-weight:800;letter-spacing:.045em;color:#535c54;text-transform:uppercase} .identity-subline{font-size:14px;line-height:1.25;color:#697069;font-weight:400} /* Statut actif */ .active-alert-card{margin:18px 8px 0;padding:0;border-radius:20px;overflow:hidden;box-shadow:none} .active-alert-card.info-card{background:#fffaf1;border:1px solid #f0dfb8}.active-alert-card.attention-card{background:#fff8f7;border:1px solid #efc7c5} .alert-status-head{height:52px;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:8px;padding:0 14px;font-size:19px;font-weight:900;letter-spacing:-.01em} .alert-status-head.info{background:#fff1cf;color:#a76f00}.alert-status-head.attention{background:#fbdedc;color:#bf3e39} .alert-status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;color:#fff;font-weight:900} .alert-status-head.info .alert-status-icon{background:#dca91b}.alert-status-head.attention .alert-status-icon{background:#df4944} .alert-status-chevron{font-size:18px;justify-self:end;color:currentColor} .alert-content{padding:14px 16px 16px} .consigne-block{margin:0;padding:0;border:0!important;background:transparent!important;border-radius:0} .consigne-block span{display:block;margin:0 0 4px;font-size:12px;line-height:1.1;font-weight:900;letter-spacing:.025em} .consigne-block.info span{color:#9f6a00}.consigne-block.attention span{color:#ba3d39} .consigne-block p{margin:0;font-size:15px;line-height:1.42;font-weight:400;color:#3b423c} .alert-meta{display:grid;gap:7px;margin:10px 0 0;padding-top:9px;border-top:1px solid rgba(100,105,100,.10)} .alert-meta-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;padding:0;border:0;font-size:11.5px;line-height:1.28}.alert-meta-row span{color:#858a85}.alert-meta-row strong{font-weight:700;color:#596159;overflow-wrap:anywhere} .inline-source-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#24573a;font-size:13px;line-height:1.1;font-weight:800;text-decoration:underline;text-underline-offset:3px} .source-icon{display:grid;place-items:center;width:21px;height:21px;border:1.5px solid currentColor;border-radius:3px;text-decoration:none;font-size:11px;line-height:1} /* Décision — identique à la proposition : aucun sous-texte */ .decision-question{margin:14px 8px 0;padding:0;border:0} .decision-actions-v07{display:grid;gap:10px} .decision-actions-v07 .decision-btn{width:100%;height:52px;min-height:52px;padding:0 16px;border-radius:26px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;border-width:1.5px;border-style:solid;box-shadow:none;font-size:15px;line-height:1;font-weight:800;letter-spacing:0;cursor:pointer} .decision-btn .decision-icon{grid-column:1;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:16px;font-weight:900;line-height:1} .decision-btn>span:nth-child(2){grid-column:2;text-align:center;white-space:nowrap} .decision-btn.keep{background:#3b8a4a;border-color:#3b8a4a;color:#fff}.decision-btn.keep .decision-icon{background:#fff;color:#3b8a4a} .decision-btn.watch.info{background:#fffaf1;border-color:#e8c76a;color:#a06b00}.decision-btn.watch.info .decision-icon{background:#dca91b;color:#fff} .decision-btn.watch.attention{background:#fff8f7;border-color:#e49c98;color:#bd3e39}.decision-btn.watch.attention .decision-icon{background:#df4944;color:#fff} .decision-btn.delete-action{background:#fff;border-color:#ddd9d2;color:#4f5751}.decision-btn.delete-action .decision-icon{background:transparent;color:#1e2a22;font-size:18px} .decision-btn small{display:none!important} /* Informations & actualité sous la zone visible de référence */ .surface-card,.status-summary,.history-decision{border-radius:20px;border:1px solid #e9e4dc;background:#fff;box-shadow:none} .details-card{margin:16px 8px 0;padding:16px;background:#fff}.surface-card h3{margin:0 0 12px;font-size:19px;color:#274d34} .details-table{border:1px solid #eee8df;border-radius:15px;background:#fcfbf8;padding:0 12px} .detail-row{padding:10px 2px;font-size:12.5px}.detail-row span{color:#777f78}.detail-row strong{color:#263128;font-weight:750} .timeline-card{margin:14px 8px 0;padding:16px;background:#fff}.timeline-line{padding:11px 0}.timeline-line strong{font-size:13.5px}.timeline-line small,.timeline-line em{font-size:11px} .history-decision{margin-top:14px;padding:0;border:0;background:transparent} /* Détail historique cohérent */ .event-article-light{display:grid;gap:12px}.event-status{border-radius:20px;border:1px solid #e9e3da;background:#fff;padding:16px}.event-status.attention-card{background:#fff8f7;border-color:#efc7c5}.event-status.info-card{background:#fffaf1;border-color:#f0dfb8}.event-status h2{font-size:20px;line-height:1.25;margin:8px 0}.official-advice.standalone{margin:0;border-radius:20px;background:#fff;border:1px solid #e9e3da;box-shadow:none;padding:16px}.official-advice.standalone p{font-size:15px;line-height:1.42;font-weight:400}.article-image{margin:0;border-radius:20px;overflow:hidden;background:#f6f5f1;padding:12px}.article-image img{display:block;width:100%;height:190px;object-fit:contain;background:#fff;border-radius:14px}.article-image figcaption{font-size:10px;color:#7a817a;text-align:center;margin-top:5px} /* Scanner mono-fonction */ .scanner-screen.active{height:100dvh;padding:14px 16px 18px;background:#10110f}.scanner-back-only{color:#fff;background:rgba(255,255,255,.12);width:42px;height:42px;border-radius:21px;margin:0 0 10px;font-size:36px}.scanner-box{border-radius:24px;box-shadow:none}.scan-frame{left:8%;right:8%;top:29%;bottom:29%;border:2px solid #fff;border-radius:18px}.camera-message{font-size:14px} /* Navigation inférieure de la maquette */ .bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:35;width:min(520px,100vw);height:72px;padding:6px 8px max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.97);border-top:1px solid #eae6df;backdrop-filter:blur(12px)} .bottom-nav[hidden]{display:none}.bottom-nav-item{height:58px;border:0;background:transparent;color:#677068;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;cursor:pointer;padding:3px}.bottom-nav-item svg{width:25px;height:25px;stroke-width:1.8}.bottom-nav-item.active{color:#2e7d43;font-weight:800}.bottom-nav-item.active svg{fill:#2e7d43;stroke:#2e7d43}.bottom-nav-item:active{background:#f6f4ef;border-radius:12px} /* Confirmation destructive dans la même charte */ .confirm-overlay{background:rgba(25,31,27,.34);backdrop-filter:blur(3px)}.confirm-card{border-radius:22px;border:1px solid #e8e2d9;background:#fbfaf7;box-shadow:0 22px 70px rgba(22,30,25,.20)}.confirm-btn{border-radius:25px}.confirm-btn.safe{background:#eef7ee;color:#2d6b3c;border-color:#bcd7c0}.confirm-btn.danger{background:#fff8f7;color:#bd3e39;border-color:#e8aaa6}.confirm-btn.danger.solid{background:#d84a45;border-color:#d84a45;color:#fff} .toast{bottom:84px!important;background:#244e34!important;color:#fff!important;border-radius:20px!important;font-size:13px!important} @media(max-width:410px){ .legacy-topbar{height:76px;padding:10px 14px;grid-template-columns:42px 1fr 42px}.legacy-brand{width:min(225px,70vw);height:54px}.topbar-side{width:42px;height:42px}.topbar-action{width:40px;height:40px} .screen{padding-left:12px;padding-right:12px}.home-headline{margin-left:10px;margin-right:10px}.home-headline h1{font-size:32px}.home-headline p{font-size:14px} .status-strip{margin-left:10px;margin-right:10px;gap:6px;grid-template-columns:.96fr .9fr 1.55fr 1.37fr}.status-strip>.status-card{height:37px;min-height:37px;padding:0 6px}.status-strip>.status-card small{font-size:10.3px} .product-list{margin-left:10px;margin-right:10px;gap:9px}.product-row{min-height:100px;grid-template-columns:76px minmax(0,1fr) 16px;padding:9px 10px;gap:11px}.product-img{width:76px;height:80px}.product-row h3{font-size:15px}.product-brand-line{font-size:11.5px!important}.product-descriptor-line{font-size:12px!important}.list-status-pill{min-height:24px;padding:3px 10px;font-size:10px} .product-identity-card.v07 .hero-image-wrap,.product-identity-card.v07 .add-photo-tile{height:208px}.product-identity-card.v07 .hero-image-wrap img,.product-identity-card.v07 .hero-no-image{height:188px}.product-identity-card.v07 .identity-copy h2{font-size:27px}.active-alert-card{margin-left:8px;margin-right:8px}.decision-question{margin-left:8px;margin-right:8px}.decision-actions-v07 .decision-btn{height:50px;min-height:50px;font-size:13.5px;grid-template-columns:28px 1fr 28px;padding:0 13px}.decision-btn>span:nth-child(2){white-space:nowrap}.details-card,.timeline-card{margin-left:8px;margin-right:8px} } /* V0.9.3 final micro-adjustments */ .home-headline p{font-size:14px} .decision-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* V0.9.3 - dernière passe de comparaison aux visuels validés */ #openRasCard:not(.active){background:#edf8eb;border-color:#edf8eb} #openInfoCard:not(.active){background:#fff5da;border-color:#fff5da} #openCheckCard:not(.active){background:#fdebea;border-color:#fdebea} .decision-actions-v07 .decision-btn.delete-action{background:#fff!important;border-color:#d9d6d0!important;color:#505750!important} .decision-actions-v07 .decision-btn.delete-action .decision-icon{color:#1f2922!important} /* ========================================================= V0.9.4 — finition ciblée des filtres de la page Produits Référence exacte : maquette Nature claire validée. ========================================================= */ #openAllCard:not(.active){background:#f4f1eb!important;border-color:#ebe5dc!important} #openAllCard:not(.active) small{color:#394139!important} #openRasCard{background:#edf8eb!important;border-color:#edf8eb!important} #openRasCard small{color:#2f5f38!important} #openRasCard .dot{background:#49ad58!important} #openRasCard.active{background:#dff3de!important;border-color:#69b873!important;box-shadow:inset 0 0 0 1px rgba(73,173,88,.12)!important} #openRasCard.active small{color:#245a31!important} #openRasCard.active .dot{background:#49ad58!important} #openInfoCard{background:#fff4d9!important;border-color:#fff4d9!important} #openInfoCard small{color:#8f6500!important} #openInfoCard .dot{background:#dca819!important} #openInfoCard.active{background:#ffe9ad!important;border-color:#ddb044!important;box-shadow:inset 0 0 0 1px rgba(220,168,25,.12)!important} #openInfoCard.active small{color:#805700!important} #openInfoCard.active .dot{background:#dca819!important} #openCheckCard{background:#fde9e8!important;border-color:#fde9e8!important} #openCheckCard small{color:#a13d39!important} #openCheckCard .dot{background:#e24c48!important} #openCheckCard.active{background:#f9d7d5!important;border-color:#df7772!important;box-shadow:inset 0 0 0 1px rgba(226,76,72,.12)!important} #openCheckCard.active small{color:#983633!important} #openCheckCard.active .dot{background:#e24c48!important} /* TOUT reste le seul filtre plein vert quand il est sélectionné. */ #openAllCard.active{background:#2f8345!important;border-color:#2f8345!important;box-shadow:none!important} #openAllCard.active small{color:#fff!important} /* Une seule ligne, sans compteur visible ni troncature sur smartphone. */ .status-strip>.status-card .status-top b{display:none!important} .status-strip>.status-card small{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important} @media(max-width:410px){ .status-strip{grid-template-columns:.92fr .92fr 1.58fr 1.42fr!important;gap:6px!important} .status-strip>.status-card{padding:0 5px!important} .status-strip>.status-card small{font-size:10px!important;letter-spacing:0!important} .status-strip>.status-card .dot{width:10px!important;height:10px!important;flex-basis:10px!important} } /* ========================================================= V0.9.5 — simplification ciblée de la page principale Fiches produit V0.9.4 strictement inchangées. ========================================================= */ body[data-screen="home"] .app-shell{padding-bottom:0} body[data-screen="home"] #home{padding-bottom:28px} /* Header : logo + Actualiser uniquement sur l'accueil. */ .topbar-refresh{color:#29583a!important} .top-refresh-glyph{display:block;font-size:30px;line-height:1;font-weight:400;transform:translateY(-1px)} /* Titre Produits + action Scanner sur la même ligne. */ .home-headline{margin-bottom:14px} .home-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px} .home-title-row h1{margin:0!important;min-width:0} .home-scan-btn{border:0;background:#2f8345;color:#fff;border-radius:19px;min-height:39px;padding:0 17px;font:inherit;font-size:13px;font-weight:900;letter-spacing:.01em;cursor:pointer;box-shadow:none;white-space:nowrap} .home-scan-btn:active{transform:scale(.98);background:#28773d} .home-headline p{margin:0;color:#646d65;font-size:14px;line-height:1.35} /* La recherche disparaît de la page principale. */ #homeSearch{display:none!important} /* Navigation inférieure supprimée de l'UX V0.9.5. */ #bottomNav{display:none!important} /* Liste plus compacte, tout en conservant les cartes Nature claire. */ .product-list{gap:6px!important} .product-row{min-height:100px;padding-top:8px;padding-bottom:8px} /* Le toast n'a plus à éviter une barre de navigation basse. */ body[data-screen="home"] .toast{bottom:18px!important} @media(max-width:410px){ .home-title-row{gap:10px} .home-scan-btn{min-height:37px;border-radius:19px;padding:0 15px;font-size:12.5px} .product-list{gap:5px!important} .product-row{min-height:96px;padding-top:7px;padding-bottom:7px} } /* ========================================================= V0.9.6 — micro-ajustements ciblés page principale Fiches produit V0.9.5 strictement inchangées. ========================================================= */ /* 1) Utiliser un peu plus la largeur utile tout en gardant une respiration latérale. */ body[data-screen="home"] #home{ padding-left:10px!important; padding-right:10px!important; } body[data-screen="home"] .home-headline, body[data-screen="home"] .status-strip, body[data-screen="home"] .product-list{ margin-left:4px!important; margin-right:4px!important; } /* 2) Le bouton TOUT est centré verticalement comme les autres filtres. */ #openAllCard{gap:0!important;align-items:center!important;justify-content:center!important} #openAllCard .status-top{display:none!important} #openAllCard small{margin:0!important;line-height:1!important;align-self:center!important} /* 3) Conserver les quatre filtres sur une seule ligne avec la largeur gagnée. */ .status-strip{grid-template-columns:.94fr .94fr 1.56fr 1.40fr!important} @media(max-width:410px){ body[data-screen="home"] #home{padding-left:8px!important;padding-right:8px!important} body[data-screen="home"] .home-headline, body[data-screen="home"] .status-strip, body[data-screen="home"] .product-list{margin-left:4px!important;margin-right:4px!important} .status-strip{grid-template-columns:.92fr .92fr 1.57fr 1.41fr!important;gap:6px!important} } /* ========================================================= V0.9.7 — micro-ajustements navigation / action Scanner ========================================================= */ /* TOUT conserve strictement le même rendu vert plein, quel que soit le filtre actif. */ #openAllCard, #openAllCard.active, #openAllCard:not(.active){ background:#2f8345!important; border-color:#2f8345!important; box-shadow:none!important; } #openAllCard small, #openAllCard.active small, #openAllCard:not(.active) small{color:#fff!important} /* Bouton SCANNER : un peu plus large, capitales + petite icône code-barres. */ .home-scan-btn{ min-width:124px!important; min-height:40px!important; padding:0 18px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; border-radius:20px!important; background:#2f8345!important; color:#fff!important; font-size:12.5px!important; letter-spacing:.025em!important; } .home-scan-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;flex:0 0 17px} .home-scan-btn span{display:block;line-height:1;font-weight:900} @media(max-width:410px){ .home-scan-btn{min-width:116px!important;padding:0 15px!important;gap:7px!important;font-size:12px!important} .home-scan-icon{width:16px;height:16px;flex-basis:16px} } /* V1.2.1 — hiérarchie discrète des liens de rappel + suppression définitive du menu trois-points. */ .alert-source-row{display:block;margin-top:12px;padding-top:2px}.alert-source-row .inline-source-link{margin-top:0} /* V2.7.6 — WATCH : badge de nouveauté temporaire, sans bandeau global. */ .product-row-bottom{gap:7px;flex-wrap:wrap} .watch-new-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:14px;background:#e53935;color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.035em;white-space:nowrap} .timeline-line small{font-variant-numeric:tabular-nums} /* V1.4 — vérification immédiate + opt-in notifications */ .dot.checking{background:#9aa49e} .list-status-pill.checking{background:#f0f2f0;color:#657069} .status-summary.checking-card{background:#f7f8f7;border-color:#dfe4e0} .status-summary.checking-card .status-mini{color:#66716a} .push-prompt{margin:8px 10px 10px;padding:10px 12px;border:1px solid #dfe8df;border-radius:14px;background:#f6faf5;display:flex;align-items:center;gap:10px;justify-content:space-between} .push-prompt[hidden]{display:none} .push-prompt span{font-size:12px;line-height:1.3;color:#4f5d55} .push-prompt button{border:0;border-radius:999px;background:#2f8f48;color:#fff;font-weight:900;font-size:10px;padding:8px 12px;white-space:nowrap} /* V1.4.3 — banc de test INFORMATION / IMPORTANT */ /* V1.4.4 — lisibilité des lots/dates dans INFORMATION et IMPORTANT. */ .alert-meta-row{ grid-template-columns:108px minmax(0,1fr)!important; gap:10px!important; font-size:13.5px!important; line-height:1.38!important; padding:3px 0!important; } .alert-meta-row span{color:#6d766f!important;font-weight:700!important} .alert-meta-row strong{color:#35473a!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important} .event-article-light .detail-row{font-size:14px!important;line-height:1.42!important;padding:11px 2px!important} .event-article-light .detail-row span{font-weight:700!important;color:#6d766f!important} .event-article-light .detail-row strong{font-size:14px!important;font-weight:800!important;color:#35473a!important} /* V1.5 — Scanner plein écran sous l'en-tête EAT/NOT */ body[data-screen="scanner"]{overflow:hidden} body[data-screen="scanner"] .app-shell{height:100dvh;min-height:100dvh;overflow:hidden} body[data-screen="scanner"] .legacy-topbar{position:relative;top:auto;flex:0 0 82px} .scanner-screen.active{height:calc(100dvh - 82px)!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#10110f;display:flex;flex-direction:column} .scanner-screen.active .scanner-box{flex:1 1 auto!important;width:100%;height:100%;min-height:0!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important} .scanner-screen.active #video{display:block;width:100%;height:100%;object-fit:cover} .scanner-screen.active .scan-frame{left:7%;right:7%;top:31%;bottom:31%;border-radius:18px} /* V1.5 — doublon de scan : blocage explicite, aucun second ajout */ .duplicate-scan-overlay{z-index:140} .duplicate-scan-card{background:#fbfaf7;text-align:center} .duplicate-scan-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#e8f4e9;color:#2f7a42;font-size:25px;font-weight:900} .duplicate-scan-card h2{margin-bottom:8px} .duplicate-scan-card .confirm-copy{max-width:330px;margin-left:auto;margin-right:auto} .confirm-btn.duplicate-open{border:1px solid #2f8345;background:#2f8345;color:#fff} /* V2.3 — phrase fixe de vérification, sans modifier la structure visuelle des cartes */ .verify-lot-date{margin:8px 0 0;font-size:13px;line-height:1.38;font-weight:700;color:#4d574f} .verify-lot-date.standalone-check{margin-top:10px;padding-top:10px;border-top:1px solid rgba(100,105,100,.10);font-size:13px} /* V2.5 — DeepL optimisé + ajustements ciblés Historique Produit */ /* La fiche ouverte depuis l'historique conserve volontairement son rendu distinct V2.4.1. */ /* CONSIGNE un peu plus grand partout. */ .consigne-block span, .official-advice.standalone span{font-size:13.5px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:.035em!important;margin-bottom:7px!important} /* Même typographie pour la consigne et la phrase de vérification. */ .consigne-block p, .official-advice.standalone p, .verify-lot-date, .verify-lot-date.standalone-check{font-family:inherit!important;font-size:15.5px!important;line-height:1.46!important;font-weight:500!important;color:#333a34!important} .verify-lot-date, .verify-lot-date.standalone-check{margin:10px 0 0!important;padding-top:10px!important;border-top:1px solid rgba(100,105,100,.10)!important} /* Historique Produit : cellule interne distincte, dans l'esprit d'Informations produit. */ .timeline-card .timeline{border:1px solid #eee8df;border-radius:15px;background:#fcfbf8;padding:0 12px;overflow:hidden} .timeline-card .timeline .empty-line{padding:12px 2px} @media(max-width:410px){ .consigne-block p,.official-advice.standalone p,.verify-lot-date,.verify-lot-date.standalone-check{font-size:15.5px!important} .consigne-block span,.official-advice.standalone span{font-size:13.5px!important} } /* V2.6 — consigne officielle en gras ; la phrase de vérification reste au même corps mais non grasse. */ .consigne-block p, .official-advice.standalone > p:not(.verify-lot-date){font-weight:700!important} .verify-lot-date, .verify-lot-date.standalone-check{font-weight:500!important} /* ========================================================= V2.7.1 — PRE-LAUNCH : tutoriel final 4 écrans EAT/NOT ========================================================= */ body.onboarding-open{overflow:hidden!important} .onboarding-overlay{position:fixed;inset:0;z-index:220;background:#eef1ed;display:grid;place-items:center;padding:8px;opacity:0;transition:opacity .16s ease} .onboarding-overlay[hidden]{display:none!important}.onboarding-overlay.show{opacity:1} .onboarding-card{position:relative;width:min(520px,100%);height:min(850px,calc(100dvh - 16px));min-height:min(620px,calc(100dvh - 16px));border:1px solid #e2e5dd;border-radius:32px;background:#fbfaf6;box-shadow:0 20px 70px rgba(24,46,33,.14);padding:22px 24px 18px;display:flex;flex-direction:column;overflow:hidden;color:#14201c} .onboarding-brand{height:58px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.onboarding-brand img{width:min(285px,72%);height:56px;object-fit:contain} .onboarding-slides{flex:1 1 auto;min-height:0;display:grid;align-items:stretch;padding-top:8px} .onboarding-slide{grid-area:1/1;display:none;text-align:center;animation:onboardingIn .18s ease;min-height:0;overflow:hidden;padding:0 2px}.onboarding-slide.active{display:flex;flex-direction:column;align-items:center} @keyframes onboardingIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}} .onboarding-slide h1{margin:7px 0 12px;font-size:clamp(27px,7.2vw,36px);line-height:1.06;color:#123c2d;letter-spacing:-.035em;max-width:440px} .onboarding-copy{max-width:410px;margin:0 auto;color:#4f5b54;font-size:clamp(15px,3.9vw,18px);line-height:1.42} .onboarding-visual{width:min(390px,96%);margin:auto auto 2px;position:relative} /* Écran 1 — code-barres */ .onboarding-scan-visual{height:clamp(245px,40vh,345px);border-radius:28px;background:radial-gradient(circle at 50% 46%,#f5f1e7 0 43%,#eef3e8 44% 72%,transparent 73%);display:flex;align-items:flex-end;justify-content:center;gap:0;overflow:hidden} .scan-product{position:absolute;left:12%;bottom:10%;width:42%;height:58%;border-radius:24px 24px 28px 28px;background:linear-gradient(180deg,#f3e5cf,#fff7e9);border:1px solid #dfd2bd;box-shadow:0 13px 28px rgba(88,63,35,.12);transform:rotate(-2deg)} .scan-product-cap{position:absolute;left:-3%;right:-3%;top:-6%;height:14%;border-radius:14px;background:linear-gradient(#477d42,#2f6537);box-shadow:0 4px 0 rgba(26,70,39,.16)} .scan-product-label{position:absolute;left:10%;right:10%;top:27%;font-size:10px;font-weight:900;color:#437541;letter-spacing:.04em} .scan-barcode,.scan-phone-barcode{display:flex;align-items:stretch;justify-content:center;gap:3px}.scan-barcode{position:absolute;left:16%;right:16%;bottom:16%;height:34%}.scan-barcode i,.scan-phone-barcode i{display:block;background:#1d2421}.scan-barcode i:nth-child(3n),.scan-phone-barcode i:nth-child(3n){width:4px}.scan-barcode i:not(:nth-child(3n)),.scan-phone-barcode i:not(:nth-child(3n)){width:2px} .scan-phone{position:absolute;right:11%;bottom:4%;width:49%;height:75%;border:9px solid #153e31;border-radius:34px;background:#fbfaf6;box-shadow:0 18px 28px rgba(20,62,49,.18);transform:rotate(-7deg);overflow:hidden} .scan-phone:before{content:"";position:absolute;inset:13% 8% 11%;border-radius:18px;background:linear-gradient(180deg,#f7f5ef,#eef2ea)} .scan-phone-speaker{position:absolute;z-index:3;top:5%;left:39%;width:23%;height:4%;border-radius:20px;background:#c7cbc6}.scan-phone-barcode{position:absolute;z-index:3;left:23%;right:23%;top:42%;height:23%}.scan-line{position:absolute;z-index:4;left:18%;right:18%;top:54%;height:3px;background:#64bd54;border-radius:3px;box-shadow:0 0 8px rgba(88,187,75,.45)} .scan-corner{position:absolute;z-index:5;width:24px;height:24px;border-color:#59ae50;border-style:solid}.scan-corner.tl{left:13%;top:30%;border-width:4px 0 0 4px;border-radius:8px 0 0}.scan-corner.tr{right:13%;top:30%;border-width:4px 4px 0 0;border-radius:0 8px 0 0}.scan-corner.bl{left:13%;bottom:24%;border-width:0 0 4px 4px;border-radius:0 0 0 8px}.scan-corner.br{right:13%;bottom:24%;border-width:0 4px 4px 0;border-radius:0 0 8px} /* Écran 2 — statuts */ .onboarding-statuses-final{display:grid;gap:10px;width:min(400px,96%);margin:7px auto 10px;text-align:left}.onboarding-status-card{min-height:78px;border-radius:20px;padding:12px 16px;display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;border:1px solid transparent}.onboarding-status-card.ras{background:#edf7eb;border-color:#d6e9d2}.onboarding-status-card.information{background:#fff5d9;border-color:#f1dfae}.onboarding-status-card.important{background:#fff0ed;border-color:#f1d0ca}.status-symbol{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:29px;font-weight:900;background:#e8a616;box-shadow:inset 0 -3px 0 rgba(0,0,0,.06)}.onboarding-status-card.ras .status-symbol{background:#4caa4c}.onboarding-status-card.important .status-symbol{background:#dc443f}.status-symbol.check{font-size:27px}.onboarding-status-card strong{display:block;font-size:18px;line-height:1.05;color:#194e34}.onboarding-status-card.information strong{color:#a96c00}.onboarding-status-card.important strong{color:#c33430}.onboarding-status-card small{display:block;margin-top:5px;font-size:14px;line-height:1.25;color:#4f5a53} .onboarding-tip{width:min(400px,96%);margin:2px auto auto!important;padding:14px 16px;border-radius:18px;background:#f0f5ef;color:#455248!important;font-size:14px!important;line-height:1.38!important;border:1px solid #dde9dd} /* Écran 3 — choix réels de l’app */ .onboarding-choice-visual{height:auto;margin:12px auto auto;padding:10px;border:1px solid #e1e6e1;border-radius:24px;background:linear-gradient(180deg,#f6f8f5,#eef3ef);box-shadow:0 9px 28px rgba(23,57,39,.07)} .choice-product{min-height:87px;padding:11px;border-radius:17px;background:#fff;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid #e8ece8}.choice-product-thumb{width:58px;height:58px;border-radius:13px;background:#eef6ea;display:grid;place-items:center;color:#4a9141;font-weight:900;font-size:14px}.choice-product strong{display:block;font-size:14px;line-height:1.15}.choice-product small{display:block;margin-top:5px;font-size:11.5px;color:#747e77}.choice-badge{align-self:end;border-radius:999px;padding:5px 8px;background:#fff0b7;color:#7b5b00;font-size:9px;font-weight:900} .choice-row{height:58px;margin-top:8px;padding:0 12px;border:1px solid #e5eae6;border-radius:16px;background:#fff;display:grid;grid-template-columns:40px 1fr 18px;gap:10px;align-items:center;text-align:left}.choice-row strong{font-size:15px;color:#243229}.choice-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:21px}.choice-icon.ras{background:#e8f6e6;color:#43a544}.choice-icon.alert{background:#fff3d5;color:#d8960c;font-size:25px}.choice-icon.delete{background:#fde9e8;color:#d83c37;font-size:27px}.choice-chevron{font-size:28px;line-height:1;color:#9da7a0} /* Écran 4 — notifications */ .onboarding-notification-visual{height:clamp(245px,35vh,320px);margin:auto auto 0;border-radius:28px;background:radial-gradient(circle at 50% 38%,#eff6e8 0 49%,transparent 50%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:5px}.notification-bell{width:118px;height:118px;border-radius:34px;background:#f2f8ed;display:grid;place-items:center;color:#3c9a49}.notification-bell svg{width:72px;height:72px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.notification-card{width:92%;margin-top:-13px;padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid #e3e7e3;box-shadow:0 10px 24px rgba(31,61,44,.11);display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;align-items:center}.notification-card img{width:42px;height:42px;border-radius:11px}.notification-card strong,.notification-card small,.notification-card em{display:block}.notification-card strong{font-size:13px}.notification-card small{font-size:12px;font-weight:800;margin-top:2px}.notification-card em{font-style:normal;color:#68726b;font-size:10.5px;margin-top:3px;line-height:1.2}.notification-toggle{width:92%;margin-top:9px;height:54px;border-radius:17px;background:#fff;border:1px solid #e3e7e3;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#274c37;font-size:14px;font-weight:850}.notification-toggle i{width:50px;height:28px;border-radius:20px;background:#4cab5b;padding:3px;display:flex;justify-content:flex-end}.notification-toggle b{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18)} .onboarding-legal{margin:8px auto 0!important;max-width:400px;color:#858d87!important;font-size:10.5px!important;line-height:1.35!important}.onboarding-legal a{color:#315f40;font-weight:750} /* Navigation */ .onboarding-footer{flex:0 0 auto;display:grid;grid-template-columns:84px 1fr 150px;gap:12px;align-items:center;margin-top:12px}.onboarding-skip{border:0;background:transparent;color:#59655d;font:inherit;font-size:12px;font-weight:800;letter-spacing:.025em;padding:10px 4px;cursor:pointer;text-align:left}.onboarding-skip[hidden]{visibility:hidden;display:block!important}.onboarding-dots{display:flex;justify-content:center;align-items:center;gap:8px}.onboarding-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#d5d9d4;cursor:pointer}.onboarding-dots button.active{background:#347146}.onboarding-next{height:50px;border:0;border-radius:25px;background:linear-gradient(180deg,#34794a,#28683c);color:#fff;font:inherit;font-size:13px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 7px 16px rgba(39,104,60,.16)}.onboarding-next span{font-size:24px;line-height:0;vertical-align:-2px;margin-left:5px}.onboarding-next:active{transform:scale(.98)} .home-legal{text-align:center;padding:22px 0 4px}.home-legal a{color:#8a918b;font-size:10.5px;text-decoration:underline;text-underline-offset:2px} @media(max-width:410px){ .onboarding-overlay{padding:0}.onboarding-card{width:100%;height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:16px 17px 14px}.onboarding-brand{height:50px}.onboarding-brand img{height:47px;width:min(255px,74%)} .onboarding-slides{padding-top:3px}.onboarding-slide h1{font-size:28px;margin:6px 0 10px}.onboarding-copy{font-size:15.5px}.onboarding-scan-visual{height:clamp(230px,39vh,320px)} .onboarding-status-card{min-height:68px;padding:9px 12px;grid-template-columns:45px 1fr}.status-symbol{width:42px;height:42px;font-size:25px}.onboarding-status-card strong{font-size:16.5px}.onboarding-status-card small{font-size:12.5px}.onboarding-tip{font-size:12.5px!important;padding:11px 13px} .choice-product{min-height:72px;grid-template-columns:48px 1fr auto}.choice-product-thumb{width:48px;height:48px}.choice-row{height:51px}.choice-icon{width:32px;height:32px}.onboarding-notification-visual{height:clamp(220px,34vh,285px)}.notification-bell{width:98px;height:98px}.notification-bell svg{width:60px;height:60px} .onboarding-footer{grid-template-columns:66px 1fr 132px;gap:7px;margin-top:8px}.onboarding-next{height:46px}.onboarding-skip{font-size:11px} } @media(max-height:690px){ .onboarding-card{padding-top:11px;padding-bottom:10px}.onboarding-brand{height:40px}.onboarding-brand img{height:39px}.onboarding-slide h1{font-size:25px;margin:3px 0 7px}.onboarding-copy{font-size:14px;line-height:1.32}.onboarding-scan-visual{height:220px}.onboarding-statuses-final{gap:6px;margin:3px auto 5px}.onboarding-status-card{min-height:55px;padding:6px 10px;grid-template-columns:38px 1fr}.status-symbol{width:35px;height:35px;font-size:22px}.onboarding-status-card strong{font-size:15px}.onboarding-status-card small{font-size:11.5px;margin-top:3px}.onboarding-tip{padding:8px 10px;font-size:11.5px!important}.choice-product{min-height:62px;padding:7px}.choice-row{height:45px;margin-top:6px}.onboarding-notification-visual{height:200px}.notification-bell{width:80px;height:80px}.notification-bell svg{width:49px;height:49px}.notification-card{padding:8px 10px}.notification-toggle{height:45px}.onboarding-footer{margin-top:5px}.onboarding-next{height:42px} } .legal-page{background:#f2f3ef}.legal-shell{width:min(720px,100%);min-height:100vh;margin:auto;background:#fbfaf6;padding:28px 24px 50px;color:#253128}.legal-back{display:inline-block;margin-bottom:30px;color:#28583a;font-size:14px;font-weight:800;text-decoration:none}.legal-shell>.eyebrow{margin:0 0 7px}.legal-shell h1{margin:0 0 20px;font-size:32px;line-height:1.08;color:#183021;letter-spacing:-.03em}.legal-shell>p{font-size:15px;line-height:1.55;color:#5b655d}.legal-shell section{margin-top:14px;padding:17px 18px;border:1px solid #e6e2d9;border-radius:18px;background:#fff}.legal-shell section h2{margin:0 0 7px;font-size:17px;color:#285038}.legal-shell section p{margin:0;font-size:13.5px;line-height:1.55;color:#5e675f}.legal-version{margin-top:22px!important;font-size:10.5px!important;color:#8a918b!important} /* V2.8 — restauration du bouton destructif RAS */ .danger-btn.outline.full{background:#fff!important;color:var(--danger)!important;border:1.5px solid var(--danger)!important} /* ========================================================================== */ /* EAT/NOT V1.0 — VISUAL IDENTITY · base fonctionnelle legacy 2.9.5 */ /* ========================================================================== */ :root{ --eatnot-ink:#151515; --eatnot-acid:#b7f33d; --eatnot-paper:#f8f7f2; --eatnot-paper-2:#f2f0e9; --eatnot-line:#e4e1d8; --green:#151515; --green2:#b7f33d; --soft:#f4f2ec; --soft-green:#f4f7ed; --ink:#151515; --muted:#6a6a63; --line:#e4e1d8; --neutral:#4baa5b; --info:#d8a323; --attention:#df4b46; --shadow:0 8px 26px rgba(21,21,21,.06); } html,body{background:#eceae4;color:var(--eatnot-ink)} .app-shell{background:#fffdf9} .legacy-topbar{background:rgba(255,253,249,.96);border-bottom-color:var(--eatnot-line);backdrop-filter:blur(12px)} .legacy-brand{width:174px;max-width:58%;height:48px;object-fit:contain;object-position:center} .topbar-action,.topbar-refresh,.icon-btn,.back,.scanner-back{color:var(--eatnot-ink)!important} .home-headline h1,.screen-title h1,.identity-copy h2{letter-spacing:-.035em} .home-headline p{color:#65655e} .home-scan-btn,.primary{background:var(--eatnot-ink)!important;color:#fff!important;border-radius:16px} .home-scan-btn:active,.primary:active{background:#000!important} .home-scan-btn::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--eatnot-acid);margin-left:8px;display:inline-block} #openAllCard.active{background:var(--eatnot-ink)!important;border-color:var(--eatnot-ink)!important} #openAllCard.active b,#openAllCard.active small{color:#fff!important} #openAllCard:not(.active){background:#f1efe8!important;border-color:#e7e3d9!important} #openRasCard{background:#edf8eb!important} #openInfoCard{background:#fff4d9!important} #openCheckCard{background:#fde9e8!important} .product-row{border-bottom-color:#e7e4dc} .product-img,.hero-image-wrap img,.hero-no-image{background:#f5f3ed} .eyebrow,.status-mini{color:var(--eatnot-ink)} .watch-pill{background:#eff1e9;color:#282822} .bottom-nav{background:rgba(255,253,249,.97);border-top-color:#e5e1d8} .bottom-nav-item.active{color:var(--eatnot-ink);font-weight:900} .bottom-nav-item.active svg{fill:var(--eatnot-ink);stroke:var(--eatnot-ink)} .bottom-nav-item.active::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--eatnot-acid);position:absolute;margin-top:50px} .toast{background:var(--eatnot-ink)!important} .push-prompt{background:#f7f8f0;border-color:#dfe6ca} .push-prompt button{background:var(--eatnot-ink)} .onboarding-overlay{background:#efede7} .onboarding-card{background:#fffdf9;border-color:#e4e0d7;color:var(--eatnot-ink)} .onboarding-brand img{max-width:230px;height:auto;object-fit:contain} .onboarding-slide h1{color:var(--eatnot-ink)} .onboarding-scan-visual .scan-product-label{font-weight:950;letter-spacing:.03em} .choice-product-thumb{background:var(--eatnot-ink)!important;color:var(--eatnot-acid)!important;font-weight:950} .confirm-card{background:#fffdf9;border-color:#e2dfd6} .duplicate-scan-icon{background:var(--eatnot-ink);color:var(--eatnot-acid)} .confirm-btn.duplicate-open{background:var(--eatnot-ink);border-color:var(--eatnot-ink)} .scanner-screen.active{background:#0f0f0f} .scan-frame{border-color:#fff} .home-legal a{color:#54544f} .bottom-nav-item{position:relative} /* ========================================================================== */ /* EAT/NOT V1.0 — FILTRES VALIDÉS : ALL / INFORMATION / IMPORTANT */ /* RAS reste un statut produit ; seul son bouton de filtre est supprimé. */ /* ========================================================================== */ body[data-screen="home"] .status-strip{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; } body[data-screen="home"] .status-strip>.status-card{ width:100%!important; min-width:0!important; min-height:52px!important; padding:7px 7px 6px!important; } body[data-screen="home"] #openAllCard, body[data-screen="home"] #openAllCard.active, body[data-screen="home"] #openAllCard:not(.active){ background:#edf8eb!important; border-color:#edf8eb!important; box-shadow:none!important; gap:2px!important; align-items:center!important; justify-content:center!important; } body[data-screen="home"] #openAllCard.active{ background:#dff3de!important; border-color:#69b873!important; box-shadow:inset 0 0 0 1px rgba(73,173,88,.12)!important; } body[data-screen="home"] #openAllCard .status-top{ display:flex!important; min-height:12px!important; align-items:center!important; justify-content:center!important; } body[data-screen="home"] #openAllCard .dot{ display:block!important; width:10px!important; height:10px!important; flex:0 0 10px!important; background:#49ad58!important; } body[data-screen="home"] #openAllCard small, body[data-screen="home"] #openAllCard.active small, body[data-screen="home"] #openAllCard:not(.active) small{ color:#2f5f38!important; margin:0!important; line-height:1!important; } body[data-screen="home"] #openInfoCard, body[data-screen="home"] #openCheckCard{ min-width:0!important; } @media(max-width:410px){ body[data-screen="home"] .status-strip{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; } body[data-screen="home"] .status-strip>.status-card{ padding-left:4px!important; padding-right:4px!important; } body[data-screen="home"] .status-strip>.status-card small{ font-size:9.5px!important; } } /* EAT/NOT V1.3.2 — consolidated HOME composition. One shared vertical rhythm controls both gaps around the intro/scanner row: logo cell → intro/scanner = intro/scanner → filters. */ body[data-screen="home"] #home{ --home-stack-gap:14px; padding-top:var(--home-stack-gap)!important; } body[data-screen="home"] .home-headline{ display:block!important; margin:0 10px var(--home-stack-gap)!important; } body[data-screen="home"] .home-hero-row{ display:grid!important; grid-template-columns:minmax(0,1fr) clamp(132px,35vw,156px)!important; align-items:center!important; gap:10px!important; width:100%!important; } body[data-screen="home"] .home-intro{ margin:0!important; padding:0!important; align-self:center!important; color:#66665f!important; font-size:clamp(11.8px,3.18vw,14.8px)!important; line-height:1.28!important; letter-spacing:-.018em!important; font-weight:400!important; } body[data-screen="home"] .home-intro span{ display:block!important; white-space:nowrap!important; } body[data-screen="home"] .home-scan-btn{ width:clamp(132px,35vw,156px)!important; min-width:0!important; height:47px!important; min-height:47px!important; margin:0!important; padding:0 10px!important; align-self:center!important; justify-self:end!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; border-radius:999px!important; font-size:12px!important; line-height:1!important; } body[data-screen="home"] .home-scan-btn .home-scan-icon{ width:21px!important; height:21px!important; flex:0 0 21px!important; } body[data-screen="home"] .home-scan-btn::after{ width:7px!important; height:7px!important; flex:0 0 7px!important; margin-left:2px!important; } @media(max-width:410px){ body[data-screen="home"] .home-headline{margin:0 10px var(--home-stack-gap)!important} body[data-screen="home"] .home-hero-row{ grid-template-columns:minmax(0,1fr) clamp(128px,35vw,145px)!important; gap:9px!important; } body[data-screen="home"] .home-intro{ font-size:clamp(11.4px,3.2vw,13.4px)!important; line-height:1.27!important; } body[data-screen="home"] .home-scan-btn{ width:clamp(128px,35vw,145px)!important; height:45px!important; min-height:45px!important; padding:0 9px!important; gap:6px!important; font-size:11.7px!important; } body[data-screen="home"] .home-scan-btn .home-scan-icon{ width:20px!important; height:20px!important; flex-basis:20px!important; } } /* ========================================================= EAT/NOT V2 — DETAIL & HISTORY CLEAN FINISH - back navigation reduced to a single icon button - no beta-style left title line - shorter and cleaner end-of-screen spacing ========================================================= */ #detail.screen, #event.screen{ padding:14px 18px 24px!important; } #detail .screen-title, #event .screen-title{ display:block!important; margin:0 0 12px!important; } #detail .screen-title h1, #event .screen-title h1{ display:none!important; } #detail .screen-title .back, #event .screen-title .back{ width:40px!important; height:40px!important; display:grid!important; place-items:center!important; padding:0 0 2px!important; border:1px solid #dde5df!important; border-radius:14px!important; background:#fff!important; color:var(--green)!important; font-size:30px!important; line-height:1!important; box-shadow:var(--shadow)!important; } #detail .screen-title .back:active, #event .screen-title .back:active{ transform:scale(.98); } #detailContent > :last-child, #eventContent > :last-child{ margin-bottom:0!important; } #detailContent .surface-card:last-child, #detailContent .status-summary:last-child, #detailContent .danger-btn:last-child, #eventContent .surface-card:last-child, #eventContent .official-advice:last-child, #eventContent .article-image:last-child, #eventContent .event-status:last-child{ margin-bottom:0!important; } #detailContent .timeline-card, #eventContent .history-event-detail{ margin-bottom:0!important; } @media(max-width:410px){ #detail.screen, #event.screen{ padding:12px 16px 22px!important; } #detail .screen-title, #event .screen-title{ margin:0 0 10px!important; } #detail .screen-title .back, #event .screen-title .back{ width:38px!important; height:38px!important; font-size:28px!important; border-radius:13px!important; } } /* EAT/NOT V2.5.4 — page Scanner : centrage optique vertical du logo. Correction strictement limitée au scanner, sans modifier la cellule/logo HOME. */ body[data-screen="scanner"] .app-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px} /* V2.6.2: le centrage natif du conteneur est correct. Le translateY V2.6.1 décalait le logo vers le bas sur mobile. */ body[data-screen="scanner"] .app-logo{transform:none}