:root{--bg:#07111f;--bg2:#0a1728;--panel:#0e1d31;--panel2:#132640;--text:#f3f7fc;--muted:#8da2bc;--line:#203854;--ice:#6fd6ff;--ice2:#b8edff;--accent:#ff647a;--ok:#57d39b;--warn:#ffc55c;--shadow:0 18px 50px rgba(0,0,0,.24);--radius:20px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 85% -20%,rgba(111,214,255,.16),transparent 30%),var(--bg);color:var(--text);min-height:100vh}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:rgba(8,20,35,.92);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;backdrop-filter:blur(18px);z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:6px 8px 26px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--ice),#3479ff);display:grid;place-items:center;color:#06101d;font-size:24px;box-shadow:0 8px 25px rgba(111,214,255,.25)}.brand strong{font-size:21px;display:block}.brand small{color:var(--muted)}.side-nav{display:grid;gap:8px}.nav-btn{border:0;background:transparent;color:var(--muted);border-radius:13px;padding:12px 13px;font:inherit;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-btn span{font-size:19px}.nav-btn:hover,.nav-btn.active{background:var(--panel2);color:var(--text)}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.baseline{font-size:12px;color:var(--muted);padding:0 8px}.baseline strong{color:var(--ice2)}.ghost-btn,.file-label{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 12px;border-radius:12px;font:inherit;font-size:12px;cursor:pointer;text-align:center}.ghost-btn:hover,.file-label:hover{border-color:#35587f;color:var(--text)}.main{margin-left:250px;padding:28px 34px 100px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{margin:0 0 5px;color:var(--ice);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.topbar h1{margin:0;font-size:32px}.top-actions{display:flex;gap:10px;align-items:center}.count-chip{border:1px solid var(--line);background:rgba(19,38,64,.65);padding:9px 13px;border-radius:999px;color:var(--muted);font-size:13px}.count-chip strong{color:var(--text)}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:12px;cursor:pointer}.view{display:none}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(160px,.6fr));gap:14px;margin-bottom:18px}.hero-card{background:linear-gradient(155deg,rgba(19,38,64,.95),rgba(10,23,40,.95));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.hero-main{position:relative;overflow:hidden}.hero-main:after{content:"❄";position:absolute;right:25px;top:-18px;font-size:120px;color:rgba(111,214,255,.07);transform:rotate(20deg)}.hero-kicker{color:var(--ice);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-main h2{margin:8px 0 8px;font-size:27px}.hero-main p{margin:0;color:var(--muted);max-width:650px;line-height:1.5}.metric{display:flex;flex-direction:column;justify-content:center}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:32px;margin:4px 0;color:var(--ice2)}.toolbar{background:rgba(14,29,49,.84);border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:12px;position:sticky;top:12px;z-index:20;backdrop-filter:blur(14px)}.search{height:46px;border:1px solid var(--line);background:#091626;border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:10px}.search span{font-size:21px;color:var(--muted)}.search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit;min-width:0}.search input::placeholder{color:#637892}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.filters select{appearance:none;background:#0b192a;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:11px 12px;font:inherit;font-size:13px;min-width:0}.results-head{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 10px;font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.product-card{background:linear-gradient(160deg,rgba(14,29,49,.98),rgba(10,22,38,.98));border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.18s transform,.18s border-color;min-width:0}.product-card:hover{transform:translateY(-2px);border-color:#34597f}.card-visual{height:92px;background:linear-gradient(120deg,rgba(111,214,255,.13),rgba(52,121,255,.08));position:relative;display:flex;align-items:flex-end;padding:13px}.card-visual:after{content:"❄";position:absolute;right:13px;top:3px;font-size:54px;color:rgba(184,237,255,.08)}.type-pill{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--ice2);background:rgba(7,17,31,.68);padding:6px 8px;border-radius:999px;border:1px solid rgba(111,214,255,.16);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body{padding:14px}.card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-bottom:6px}.product-card h3{font-size:15px;margin:0 0 6px;line-height:1.35;min-height:40px}.extension{font-size:12px;color:var(--muted);margin:0 0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px}.mini-btn{border:1px solid var(--line);background:#0a1728;color:var(--muted);border-radius:10px;min-height:36px;padding:8px 10px;cursor:pointer;font:inherit;font-size:12px}.mini-btn:hover{color:var(--text);border-color:#3b6087}.mini-btn.owned{background:rgba(87,211,155,.12);border-color:rgba(87,211,155,.35);color:#86eab9}.mini-btn.wished{background:rgba(255,100,122,.11);border-color:rgba(255,100,122,.34);color:#ff91a2}.quantity-badge{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#86eab9;font-size:11px}.pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:24px}.pager button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer}.pager button:disabled{opacity:.35;cursor:not-allowed}.pager span{color:var(--muted);font-size:13px}.section-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-intro h2{font-size:28px;margin:0 0 4px}.section-intro p{margin:0;color:var(--muted)}.primary-btn{border:0;background:linear-gradient(135deg,var(--ice),#4d91ff);color:#06111e;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-mini,.stat-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}.stat-mini span,.stat-card span{color:var(--muted);font-size:12px}.stat-mini strong,.stat-card strong{display:block;margin-top:6px;font-size:24px}.empty-state{border:1px dashed #2e4b6c;border-radius:22px;padding:60px 20px;text-align:center;color:var(--muted);display:none}.empty-state span{font-size:40px;color:var(--ice)}.empty-state h3{color:var(--text);margin:10px 0 4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:18px}.panel-head h3{margin:0 0 16px;font-size:16px}.progress-list{display:grid;gap:12px}.progress-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:10px;font-size:12px}.progress-row .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.bar{height:8px;background:#07111f;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ice),#568cff);border-radius:99px}.progress-row b{text-align:right;font-size:11px;color:var(--text)}.bottom-nav{display:none}.product-dialog{width:min(620px,calc(100% - 24px));border:1px solid var(--line);border-radius:22px;background:#0a1728;color:var(--text);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.55)}.product-dialog::backdrop{background:rgba(2,8,15,.75);backdrop-filter:blur(6px)}.dialog-shell{padding:0;position:relative}.dialog-close{position:absolute;right:14px;top:14px;border:1px solid var(--line);background:rgba(7,17,31,.75);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:21px;cursor:pointer;z-index:2}.detail-head{padding:28px;background:linear-gradient(145deg,rgba(111,214,255,.15),rgba(19,38,64,.3));border-bottom:1px solid var(--line)}.detail-head .detail-type{color:var(--ice);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.detail-head h2{font-size:24px;margin:8px 45px 5px 0}.detail-head p{margin:0;color:var(--muted)}.detail-body{padding:20px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.detail-box{border:1px solid var(--line);border-radius:13px;padding:12px}.detail-box span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.detail-box b{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}.editor{border-top:1px solid var(--line);padding-top:18px}.editor h3{margin:0 0 12px;font-size:15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);background:#07111f;color:var(--text);border-radius:10px;padding:10px;font:inherit;font-size:13px}.field textarea{resize:vertical;min-height:64px}.detail-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.detail-actions button{flex:1}.source-links{margin-top:18px}.source-links h3{font-size:14px;margin:0 0 8px}.source-links a{display:block;color:var(--ice2);font-size:12px;margin:6px 0;overflow-wrap:anywhere;text-decoration:none}.source-links a:hover{text-decoration:underline}.toast{position:fixed;right:22px;bottom:22px;background:#152c48;border:1px solid #2f567e;color:var(--text);padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.2s;z-index:80;font-size:13px}.toast.show{transform:none;opacity:1}
@media(max-width:980px){.sidebar{display:none}.main{margin-left:0;padding:20px 16px 100px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;background:rgba(8,20,35,.95);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:40;backdrop-filter:blur(18px)}.bottom-nav .nav-btn{display:grid;place-items:center;gap:2px;text-align:center;padding:7px 4px}.bottom-nav small{font-size:10px}.hero-grid{grid-template-columns:1fr 1fr}.hero-main{grid-column:1/-1}.filters{grid-template-columns:1fr 1fr}.stats-grid,.stats-row{grid-template-columns:1fr 1fr}.stats-panels{grid-template-columns:1fr}.toolbar{top:8px}.topbar h1{font-size:27px}.count-chip{display:none}}
@media(max-width:620px){.main{padding:16px 12px 94px}.topbar{margin-bottom:16px}.topbar h1{font-size:25px}.hero-card{padding:17px}.hero-main h2{font-size:22px}.metric strong{font-size:27px}.filters{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start;flex-direction:column}.stats-grid,.stats-row{grid-template-columns:1fr 1fr}.progress-row{grid-template-columns:92px 1fr 60px}.detail-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.product-dialog{width:calc(100% - 14px);max-height:92vh}.dialog-shell{max-height:92vh;overflow:auto}.toast{left:12px;right:12px;bottom:86px;text-align:center}}

/* Prototype v2 — visuels produit et gestion d'images */
.filters-v2{grid-template-columns:repeat(5,minmax(0,1fr))}
.card-visual{height:150px;overflow:hidden;align-items:flex-end;isolation:isolate;background:linear-gradient(145deg,rgba(111,214,255,.14),rgba(61,95,188,.08) 58%,rgba(7,17,31,.2))}
.card-visual .product-photo,.detail-visual .product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.card-visual.has-photo:before,.detail-visual.has-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,18,.04),rgba(4,10,18,.58));z-index:0}
.card-visual.has-photo .fallback-visual,.detail-visual.has-photo .fallback-visual{opacity:0}
.card-visual .type-pill{position:relative;z-index:2}
.image-dot{position:absolute;right:10px;bottom:10px;color:#86eab9;font-size:10px;z-index:3;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.fallback-visual{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:2px;transition:opacity .18s ease;pointer-events:none}
.fallback-visual:before{content:"";position:absolute;width:132px;height:132px;border-radius:50%;border:1px solid rgba(184,237,255,.09);box-shadow:0 0 0 20px rgba(184,237,255,.025);left:50%;top:50%;transform:translate(-50%,-50%)}
.visual-symbol{font-size:34px;line-height:1;color:rgba(184,237,255,.76);font-weight:800;letter-spacing:.05em}
.fallback-visual strong{font-size:18px;letter-spacing:.14em;color:rgba(234,249,255,.92)}
.fallback-visual small{font-size:10px;color:rgba(151,181,211,.9);letter-spacing:.12em}
.card-visual:after{content:""}
.detail-cover{display:grid;grid-template-columns:220px 1fr;min-height:220px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(111,214,255,.1),rgba(19,38,64,.26))}
.detail-visual{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(145deg,rgba(111,214,255,.14),rgba(61,95,188,.08));border-right:1px solid var(--line)}
.detail-visual .detail-fallback{inset:0}
.detail-visual .visual-symbol{font-size:54px}.detail-visual .fallback-visual strong{font-size:24px}
.detail-head{border-bottom:0;background:none;display:flex;flex-direction:column;justify-content:center}
.detail-note{font-size:12px;line-height:1.55}
.editor-help{margin:-4px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}
.image-form input[type="file"]{padding:8px}
.image-actions{margin-top:10px}
.danger-btn{color:#ff9cad;border-color:rgba(255,100,122,.3)}
.danger-btn:disabled{opacity:.35;cursor:not-allowed}

@media(max-width:1180px){.filters-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.filters-v2{grid-template-columns:1fr 1fr}.card-visual{height:142px}}
@media(max-width:620px){.filters-v2{grid-template-columns:1fr 1fr}.detail-cover{grid-template-columns:1fr;min-height:0}.detail-visual{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.detail-head{padding:20px}.card-visual{height:164px}.product-card h3{min-height:0}}


/* Prototype v3 — dashboard, recherche globale et navigation native-like */
.quick-search-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;min-height:38px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:12px}.quick-search-btn:hover{color:var(--text);border-color:#3b6087}.quick-search-btn span:first-child{font-size:18px;color:var(--ice)}
.home-hero{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,38,64,.98),rgba(8,20,35,.98));border-radius:26px;padding:34px;min-height:260px;display:flex;align-items:center;margin-bottom:16px;box-shadow:var(--shadow)}.home-copy{position:relative;z-index:2;max-width:760px}.home-copy h2{font-size:38px;line-height:1.08;margin:10px 0 12px;max-width:720px}.home-copy p{color:var(--muted);font-size:15px;line-height:1.6;max-width:680px;margin:0}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.secondary-btn{border:1px solid var(--line);background:#0a1728;color:var(--text);border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer}.secondary-btn:hover{border-color:#3b6087}.home-snow{position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(12deg);font-size:190px;color:rgba(111,214,255,.055);line-height:1;pointer-events:none}.home-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.home-metric{border:1px solid var(--line);background:linear-gradient(155deg,rgba(14,29,49,.98),rgba(10,23,40,.98));border-radius:18px;padding:18px}.home-metric span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.home-metric strong{display:block;font-size:25px;margin:6px 0 3px;color:var(--ice2)}.home-metric small{color:var(--muted);font-size:11px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.home-panel{padding:18px}.home-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.home-panel-head h3{margin:3px 0 0}.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--ice)}.text-btn{border:0;background:transparent;color:var(--ice2);font:inherit;font-size:12px;cursor:pointer;padding:4px}.compact-list{display:grid;gap:7px}.compact-product{width:100%;border:1px solid transparent;background:rgba(7,17,31,.45);color:var(--text);border-radius:13px;padding:10px;display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.compact-product:hover{border-color:var(--line);background:#0a1728}.compact-symbol{width:34px;height:34px;border-radius:10px;background:rgba(111,214,255,.09);display:grid;place-items:center;color:var(--ice2);font-size:17px}.compact-copy{min-width:0}.compact-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-copy small{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-year{color:var(--muted);font-size:10px}.compact-heart{color:#ff91a2;font-size:13px}.compact-empty{border:1px dashed var(--line);border-radius:12px;padding:24px;color:var(--muted);text-align:center;font-size:12px}.home-progress-panel{margin-bottom:12px}
.quick-dialog{width:min(720px,calc(100% - 24px));max-height:86vh;border:1px solid var(--line);border-radius:22px;background:#0a1728;color:var(--text);padding:0;box-shadow:0 30px 100px rgba(0,0,0,.55)}.quick-dialog::backdrop{background:rgba(2,8,15,.76);backdrop-filter:blur(7px)}.quick-shell{padding:20px}.quick-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:15px}.quick-head h2{margin:3px 44px 0 0;font-size:23px}.static-close{position:static;flex:0 0 auto}.quick-search-field{height:50px;border:1px solid var(--line);background:#07111f;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px}.quick-search-field span{font-size:21px;color:var(--ice)}.quick-search-field input{flex:1;background:transparent;border:0;color:var(--text);outline:0;font:inherit}.quick-results{display:grid;gap:7px;margin-top:12px;max-height:52vh;overflow:auto}.quick-result{border:1px solid transparent;background:rgba(7,17,31,.48);color:var(--text);border-radius:13px;padding:10px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.quick-result:hover{background:#07111f;border-color:var(--line)}.quick-result strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-result small{font-size:10px;color:var(--muted);display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-result code{font-size:9px;color:#7992ad;max-width:210px;overflow:hidden;text-overflow:ellipsis}.quick-hint{color:var(--muted);font-size:11px;line-height:1.5;margin:12px 2px 0}.quick-empty{padding:34px;text-align:center;color:var(--muted)}
.scanner-box{position:relative;min-height:280px;background:#050c15;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;place-items:center}.scanner-box:before{content:"Caméra";position:absolute;color:#4d6075;font-size:12px}.scanner-box video{width:100%;height:330px;object-fit:cover;position:relative;z-index:1}.scan-frame{position:absolute;z-index:2;width:min(68%,280px);aspect-ratio:1;border:2px solid rgba(184,237,255,.8);border-radius:20px;box-shadow:0 0 0 999px rgba(1,6,11,.32);pointer-events:none}.scan-actions{display:flex;gap:9px;margin-top:12px}.manual-scan{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.manual-scan label{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.manual-scan>div{display:grid;grid-template-columns:1fr auto;gap:8px}.manual-scan input{min-width:0;border:1px solid var(--line);background:#07111f;color:var(--text);border-radius:10px;padding:10px;font:inherit;font-size:12px}
@media(max-width:1180px){.home-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.bottom-nav{grid-template-columns:repeat(5,1fr)}.home-columns{grid-template-columns:1fr}.home-hero{padding:28px}.home-copy h2{font-size:32px}.quick-search-btn span:last-child{display:none}}
@media(max-width:620px){.home-hero{padding:23px 18px;min-height:300px}.home-copy h2{font-size:29px}.home-snow{font-size:145px;right:-12%}.home-actions{display:grid;grid-template-columns:1fr}.home-actions button{width:100%}.home-metrics{grid-template-columns:1fr 1fr}.home-metric{padding:14px}.home-metric strong{font-size:21px}.compact-product{grid-template-columns:34px 1fr auto}.compact-year{display:none}.quick-dialog{width:calc(100% - 14px);max-height:92vh}.quick-shell{padding:15px}.quick-result{grid-template-columns:34px 1fr}.quick-result code{display:none}.scanner-box{min-height:240px}.scanner-box video{height:280px}.bottom-nav small{font-size:9px}}


/* Prototype v4 — lots, valorisations et sauvegardes */
.editor-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.editor-title-row h3{margin-bottom:4px}.lot-total{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap;font-size:.78rem}.lot-list{display:grid;gap:10px;margin:12px 0 18px}.lot-row,.valuation-history-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px}.lot-index{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(105,172,255,.12);font-size:.78rem;font-weight:800}.lot-main{min-width:0;flex:1;display:grid;gap:3px}.lot-main small,.valuation-history-row small{display:block;color:var(--muted);line-height:1.35}.lot-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.lot-editor{padding-top:14px;border-top:1px dashed var(--line)}.valuation-history{display:grid;gap:8px;margin:12px 0 18px}.valuation-history-row>div{flex:1;min-width:0}.valuation-history-row strong{font-size:1.05rem}.valuation-form{padding-top:8px}.wishlist-editor{display:flex;align-items:center;justify-content:space-between;gap:12px}.valuation-activity{display:grid;gap:8px}.valuation-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.valuation-row:last-child{border-bottom:0}.valuation-row span{min-width:0}.valuation-row strong,.valuation-row small{display:block}.valuation-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.valuation-row small{color:var(--muted);margin-top:3px}.valuation-row>b{white-space:nowrap}.stat-card small{display:block;color:var(--muted);margin-top:5px;font-size:.74rem}
@media(max-width:680px){.editor-title-row{align-items:flex-start}.lot-row{align-items:flex-start;flex-wrap:wrap}.lot-main{min-width:calc(100% - 44px)}.lot-actions{width:100%;padding-left:40px;justify-content:flex-start}.wishlist-editor{align-items:flex-start;flex-direction:column}.valuation-history-row{align-items:flex-start}.valuation-history-row>button{flex:0 0 auto}}


/* Prototype v5 — suivi financier et graphiques */
.positive{--perf:#55d89d}.negative{--perf:#ff7d91}.neutral{--perf:var(--muted)}
.home-metric.positive strong,.finance-kpi.positive strong,.performance-box.positive b,.lot-performance.positive,.performance-row b.positive{color:#55d89d}
.home-metric.negative strong,.finance-kpi.negative strong,.performance-box.negative b,.lot-performance.negative,.performance-row b.negative{color:#ff7d91}
.finance-kpi.neutral strong,.performance-box.neutral b{color:var(--muted)}
.finance-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;margin:14px 0}.finance-panel{padding:18px;min-width:0}.finance-panel h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0 8px}.finance-chart{width:100%;min-width:0}.finance-chart svg{display:block;width:100%;height:210px;overflow:visible}.finance-chart polyline{fill:none;stroke:var(--ice);stroke-width:3;vector-effect:non-scaling-stroke}.finance-chart circle{fill:var(--ice2);stroke:#07111f;stroke-width:2;vector-effect:non-scaling-stroke}.chart-grid{stroke:rgba(139,181,222,.16);stroke-width:1;vector-effect:non-scaling-stroke}.chart-axis{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-top:4px}.chart-axis strong{color:var(--text);font-weight:700}.chart-note{font-size:10px;line-height:1.45;color:var(--muted);margin:10px 0 0}.chart-empty{min-height:185px;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;padding:20px}.performance-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.performance-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;cursor:pointer}.performance-row:last-child{border-bottom:0}.performance-row>span{min-width:0}.performance-row strong,.performance-row small{display:block}.performance-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performance-row span small{color:var(--muted);font-size:9px;margin-top:3px}.performance-row>b{text-align:right;white-space:nowrap;font-size:12px}.performance-row>b small{font-size:9px;margin-top:2px}.finance-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-box{grid-column:span 2}.performance-box small{display:block;margin-top:4px;color:var(--perf);font-size:10px}.product-value-chart{margin:12px 0 16px;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(6,15,27,.36)}.product-value-chart .finance-chart svg{height:190px}.lot-performance{font-weight:700}
@media(max-width:1100px){.finance-grid{grid-template-columns:1fr}.finance-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.performance-columns{grid-template-columns:1fr}.finance-detail-grid{grid-template-columns:1fr 1fr}.performance-box{grid-column:span 2}.finance-panel{padding:14px}.finance-chart svg{height:180px}.product-value-chart .finance-chart svg{height:165px}}


/* Prototype v7 — synchronisation granulaire et photos cloud privées */
.cloud-btn,.install-btn{border:1px solid var(--line);background:rgba(14,29,49,.88);color:var(--muted);min-height:38px;border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:7px;cursor:pointer;font:inherit;font-size:12px}.cloud-btn:hover,.install-btn:hover{color:var(--text);border-color:#3b6087}.cloud-btn.connected{color:#86eab9;border-color:rgba(87,211,155,.32);background:rgba(87,211,155,.08)}.cloud-btn.error{color:#ff91a2;border-color:rgba(255,100,122,.34)}.cloud-dot{width:8px;height:8px;border-radius:50%;background:#607891;box-shadow:0 0 0 3px rgba(96,120,145,.12);flex:0 0 auto}.cloud-btn.connected .cloud-dot,.cloud-sidebar .cloud-dot{background:#57d39b;box-shadow:0 0 0 3px rgba(87,211,155,.12)}.cloud-btn.error .cloud-dot{background:#ff647a;box-shadow:0 0 0 3px rgba(255,100,122,.12)}.cloud-sidebar{border:1px solid var(--line);background:rgba(14,29,49,.55);color:var(--text);border-radius:12px;padding:10px 11px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.cloud-sidebar:hover{border-color:#35587f}.cloud-sidebar span:last-child{display:grid;gap:2px;min-width:0}.cloud-sidebar strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-sidebar small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dialog{width:min(760px,calc(100% - 24px))}.account-shell{display:grid;gap:12px;max-height:88vh;overflow:auto}.account-status-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(111,214,255,.08),rgba(19,38,64,.22));padding:15px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.account-status-card h3{margin:7px 0 4px;font-size:17px}.account-status-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.status-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.status-pill.connected{color:#86eab9;border-color:rgba(87,211,155,.3);background:rgba(87,211,155,.08)}.network-badge{border:1px solid rgba(87,211,155,.28);color:#86eab9;background:rgba(87,211,155,.07);border-radius:999px;padding:6px 9px;font-size:10px;white-space:nowrap}.network-badge.offline{color:#ffc55c;border-color:rgba(255,197,92,.28);background:rgba(255,197,92,.07)}.cloud-section{border:1px solid var(--line);border-radius:15px;background:rgba(7,17,31,.35);overflow:hidden}.cloud-section>summary,.cloud-section-title{padding:13px 15px;font-size:12px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.cloud-section-title small{color:var(--muted);font-weight:500;font-size:10px}.cloud-section-body{border-top:1px solid var(--line);padding:14px}.cloud-help{color:var(--muted);font-size:10px;line-height:1.55;margin:0 0 12px}.cloud-actions{display:flex;gap:8px;margin-top:12px}.cloud-actions.wrap{flex-wrap:wrap}.secondary-btn.danger-outline{color:#ff91a2;border-color:rgba(255,100,122,.3)}.sync-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sync-summary>div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#07111f}.sync-summary span,.sync-summary strong{display:block}.sync-summary span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sync-summary strong{margin-top:4px;font-size:11px}.install-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.install-row>div{min-width:0}.install-row strong{font-size:12px}.install-row p{margin:4px 0 0}.cloud-actions button:disabled,.install-row button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:980px){.cloud-btn span:last-child,.install-btn span:last-child{display:none}.cloud-btn,.install-btn{width:38px;padding:0;justify-content:center}.cloud-btn .cloud-dot{margin:0}}
@media(max-width:620px){.account-dialog{width:calc(100% - 12px);max-height:94vh}.account-shell{padding:13px;max-height:94vh}.account-status-card{flex-direction:column}.sync-summary{grid-template-columns:1fr}.install-row{align-items:flex-start;flex-direction:column}.install-row button{width:100%}.cloud-actions{display:grid;grid-template-columns:1fr}.cloud-actions.wrap{display:grid}.cloud-actions button{width:100%}}

/* Prototype v8 — journal, appareils, conflits et restauration */
.device-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end}.device-id-box{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#07111f;min-height:58px;display:flex;flex-direction:column;justify-content:center}.device-id-box span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.device-id-box strong{font-size:11px;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sync-entity-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.sync-entity-stats>div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#07111f}.sync-entity-stats>div.warn{border-color:rgba(255,197,92,.36);background:rgba(255,197,92,.06)}.sync-entity-stats span,.sync-entity-stats strong{display:block}.sync-entity-stats span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);line-height:1.35}.sync-entity-stats strong{font-size:16px;margin-top:5px}.sync-list,.sync-log-list{display:grid;gap:8px;max-height:310px;overflow:auto}.sync-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.02)}.sync-item.conflict-item{border-color:rgba(255,197,92,.34);background:rgba(255,197,92,.045)}.sync-item>div:first-child{min-width:0;flex:1}.sync-item strong,.sync-item small{display:block}.sync-item strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-item small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.35}.sync-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sync-empty{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted);font-size:10px}.sync-log{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding:9px 2px}.sync-log:last-child{border-bottom:0}.sync-log-dot{width:8px;height:8px;border-radius:50%;background:#70869c;margin-top:4px;flex:0 0 auto}.sync-log.success .sync-log-dot{background:#57d39b}.sync-log.warning .sync-log-dot{background:#ffc55c}.sync-log.error .sync-log-dot{background:#ff647a}.sync-log>div{min-width:0}.sync-log strong,.sync-log small{display:block}.sync-log strong{font-size:10px}.sync-log small{color:var(--muted);font-size:8.5px;margin-top:2px}.entity-sync{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:2px 6px;font-size:7.5px;line-height:1.2;font-weight:800;vertical-align:middle;white-space:nowrap;color:var(--muted);background:rgba(255,255,255,.02)}.entity-sync.synced{color:#86eab9;border-color:rgba(87,211,155,.28);background:rgba(87,211,155,.07)}.entity-sync.pending{color:#77c8ff;border-color:rgba(105,172,255,.3);background:rgba(105,172,255,.07)}.entity-sync.conflict{color:#ffc55c;border-color:rgba(255,197,92,.32);background:rgba(255,197,92,.07)}.cloud-btn.error .cloud-dot{animation:syncPulse 1.5s ease-in-out infinite}@keyframes syncPulse{0%,100%{opacity:.65}50%{opacity:1;box-shadow:0 0 0 6px rgba(255,100,122,.08)}}
@media(max-width:700px){.device-row{grid-template-columns:1fr}.sync-entity-stats{grid-template-columns:1fr 1fr}.sync-item{align-items:flex-start;flex-direction:column}.sync-item-actions{justify-content:flex-start;width:100%}.sync-item-actions button{flex:1}.sync-list,.sync-log-list{max-height:260px}}


/* Prototype v9 — centre de synchronisation, registre appareils et diagnostic */
.device-registry{display:grid;gap:8px;max-height:300px;overflow:auto}.device-registry-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.02)}.device-registry-item.current{border-color:rgba(87,211,155,.3);background:rgba(87,211,155,.05)}.device-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0d1c2e;color:#70869c;font-size:10px}.device-registry-item.current .device-icon{color:#86eab9}.device-registry-main{min-width:0}.device-registry-main strong,.device-registry-main small{display:block}.device-registry-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-registry-main small{font-size:9px;color:var(--muted);margin-top:3px}.diagnostic-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.diagnostic-head strong{font-size:12px}.diagnostic-head small,.diagnostic-note{font-size:9px;color:var(--muted)}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.diagnostic-check{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#07111f}.diagnostic-check>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;background:rgba(112,134,156,.15);color:#9eb1c4}.diagnostic-check.ok{border-color:rgba(87,211,155,.24)}.diagnostic-check.ok>span{background:rgba(87,211,155,.12);color:#86eab9}.diagnostic-check.bad{border-color:rgba(255,197,92,.3)}.diagnostic-check.bad>span{background:rgba(255,197,92,.11);color:#ffc55c}.diagnostic-check strong,.diagnostic-check small{display:block}.diagnostic-check strong{font-size:10px;text-transform:capitalize}.diagnostic-check small{font-size:8.5px;color:var(--muted);margin-top:2px;line-height:1.4}.diagnostic-note{margin:10px 0 0}.sync-item>.entity-sync{flex:0 0 auto}
@media(max-width:620px){.device-registry-item{grid-template-columns:22px minmax(0,1fr)}.device-registry-item>button{grid-column:2;width:100%}.diagnostic-grid{grid-template-columns:1fr}}


/* Prototype v10 — protection des données, réglages et récupération */
.safety-strip{border:1px solid rgba(87,211,155,.24);background:rgba(87,211,155,.055);border-radius:14px;padding:11px 13px;display:flex;align-items:center;gap:11px;margin:12px 0 0}.safety-strip.warn{border-color:rgba(255,197,92,.32);background:rgba(255,197,92,.055)}.safety-strip>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:rgba(87,211,155,.13);color:#86eab9;flex:0 0 auto}.safety-strip.warn>span{background:rgba(255,197,92,.13);color:#ffc55c}.safety-strip>div{min-width:0;flex:1}.safety-strip strong,.safety-strip small{display:block}.safety-strip strong{font-size:11px}.safety-strip small{font-size:9px;color:var(--muted);margin-top:2px}.setup-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.setup-check{border:1px solid var(--line);border-radius:11px;background:#07111f;padding:10px;display:flex;gap:8px;align-items:flex-start}.setup-check>span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:900;flex:0 0 auto}.setup-check.ok>span{background:rgba(87,211,155,.12);color:#86eab9}.setup-check.warn>span{background:rgba(255,197,92,.12);color:#ffc55c}.setup-check strong,.setup-check small{display:block}.setup-check strong{font-size:10px}.setup-check small{font-size:8.5px;color:var(--muted);margin-top:2px}.setting-list{display:grid;gap:8px}.setting-row{border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#07111f;display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer}.setting-row>span{min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:10px}.setting-row small{font-size:8.5px;color:var(--muted);margin-top:3px;line-height:1.4}.setting-row input[type=checkbox]{width:19px;height:19px;accent-color:#69acff;flex:0 0 auto}.setting-row select{min-width:110px}.recovery-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.recovery-summary>div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#07111f}.recovery-summary span,.recovery-summary strong{display:block}.recovery-summary span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.recovery-summary strong{font-size:10px;margin-top:5px}.local-data-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.local-data-summary>div{border:1px solid var(--line);border-radius:11px;padding:9px;background:#07111f}.local-data-summary span,.local-data-summary strong{display:block}.local-data-summary span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.local-data-summary strong{font-size:15px;margin-top:4px}.danger-zone{margin-top:14px;border:1px solid rgba(255,100,122,.28);background:rgba(255,100,122,.045);border-radius:12px;padding:12px}.danger-zone>strong{font-size:11px;color:#ff9cab}.danger-zone p{font-size:9px;color:var(--muted);line-height:1.5}.danger-zone label{display:grid;gap:5px;font-size:9px;color:var(--muted);margin:10px 0}.danger-zone input{width:100%}.privacy-note{margin-top:12px!important}
@media(max-width:620px){.setup-checklist,.recovery-summary{grid-template-columns:1fr}.setting-row{align-items:flex-start}.local-data-summary{grid-template-columns:1fr 1fr}.safety-strip{align-items:flex-start;flex-wrap:wrap}.safety-strip .text-btn{margin-left:36px}}


/* Prototype v11 — onboarding, déploiement et mises à jour */
.update-banner{margin:0 0 14px;border:1px solid rgba(105,172,255,.35);background:rgba(105,172,255,.08);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.update-banner[hidden]{display:none}.update-banner strong,.update-banner small{display:block}.update-banner strong{font-size:11px}.update-banner small{font-size:9px;color:var(--muted);margin-top:3px}.update-banner-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.onboarding-dialog{border:0;background:transparent;padding:0;width:min(620px,calc(100% - 22px));color:var(--text)}.onboarding-dialog::backdrop{background:rgba(0,5,12,.82);backdrop-filter:blur(10px)}.onboarding-shell{position:relative;background:linear-gradient(145deg,#0b1a2c,#07111f);border:1px solid rgba(105,172,255,.3);box-shadow:0 30px 90px rgba(0,0,0,.55);border-radius:22px;padding:24px}.onboarding-shell h2{font-size:25px;margin:8px 0}.onboarding-lead{font-size:11px;line-height:1.65;color:var(--muted);max-width:540px}.onboarding-steps{display:grid;gap:9px;margin:18px 0}.onboarding-steps article{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;padding:12px}.onboarding-steps article>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(105,172,255,.13);color:#8fd1ff;font-weight:900;font-size:10px;flex:0 0 auto}.onboarding-steps strong,.onboarding-steps small{display:block}.onboarding-steps strong{font-size:11px}.onboarding-steps small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:3px}.onboarding-actions{display:flex;gap:8px;flex-wrap:wrap}.onboarding-check{display:flex;gap:8px;align-items:center;font-size:9px;color:var(--muted);margin-top:14px}.onboarding-check input{accent-color:#69acff}.onboarding-shell .modal-close{position:absolute;right:14px;top:14px}
@media(max-width:620px){.update-banner{align-items:flex-start;flex-direction:column}.update-banner-actions{width:100%}.update-banner-actions button{flex:1}.onboarding-shell{padding:20px 15px}.onboarding-actions{display:grid;grid-template-columns:1fr}.onboarding-actions button{width:100%}}


/* Prototype v12 — hardening production, hors-ligne, compatibilité et iOS */
.network-banner{margin:-4px 0 14px;border:1px solid rgba(255,197,92,.34);background:rgba(255,197,92,.075);border-radius:14px;padding:11px 14px;display:flex;gap:11px;align-items:flex-start}.network-banner[hidden]{display:none}.network-banner>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,197,92,.12);color:#ffc55c;font-weight:900;flex:0 0 auto}.network-banner strong,.network-banner small{display:block}.network-banner strong{font-size:11px;color:#ffe0a2}.network-banner small{font-size:9px;color:var(--muted);margin-top:2px;line-height:1.45}.diagnostic-check.optional{border-color:rgba(105,172,255,.2)}.diagnostic-check.optional>span{background:rgba(105,172,255,.1);color:#8fd1ff}.technical-log-list{display:grid;gap:7px;max-height:340px;overflow:auto;margin-bottom:10px}.technical-log{display:flex;gap:9px;align-items:flex-start;border-bottom:1px solid var(--line);padding:9px 2px}.technical-log:last-child{border-bottom:0}.technical-log>span{width:8px;height:8px;border-radius:50%;background:#70869c;margin-top:4px;flex:0 0 auto}.technical-log.success>span{background:#57d39b}.technical-log.warning>span{background:#ffc55c}.technical-log.error>span{background:#ff647a}.technical-log strong,.technical-log small{display:block}.technical-log strong{font-size:10px}.technical-log small{font-size:8.5px;color:var(--muted);line-height:1.45;margin-top:2px;overflow-wrap:anywhere}.ios-install-steps{display:grid;gap:9px;margin:18px 0}.ios-install-steps article{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;padding:12px}.ios-install-steps article>span{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(105,172,255,.13);color:#8fd1ff;font-weight:900;font-size:11px;flex:0 0 auto}.ios-install-steps strong,.ios-install-steps small{display:block}.ios-install-steps strong{font-size:11px}.ios-install-steps small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:3px}.app-recovery-screen{position:fixed;inset:0;z-index:200;background:rgba(2,8,15,.96);display:grid;place-items:center;padding:20px}.app-recovery-screen[hidden]{display:none}.app-recovery-card{width:min(520px,100%);border:1px solid rgba(255,100,122,.3);background:linear-gradient(145deg,#0b1a2c,#07111f);border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.app-recovery-card h2{font-size:22px;margin:16px 0 8px}.app-recovery-card p{font-size:11px;color:var(--muted);line-height:1.65;margin:0 0 18px}@media(max-width:620px){.technical-log-list{max-height:280px}.install-guide-shell{padding:20px 15px}.network-banner{margin-top:0}}

/* Prototype v14 — intégrité locale et cohérence de production */
.integrity-summary{border:1px solid var(--line);border-radius:13px;background:#07111f;padding:12px;margin-bottom:11px}.integrity-summary.ok{border-color:rgba(87,211,155,.26);background:rgba(87,211,155,.045)}.integrity-summary.warn{border-color:rgba(255,197,92,.34);background:rgba(255,197,92,.05)}.integrity-status{display:flex;gap:10px;align-items:flex-start}.integrity-status>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto;background:rgba(87,211,155,.12);color:#86eab9}.integrity-summary.warn .integrity-status>span{background:rgba(255,197,92,.12);color:#ffc55c}.integrity-status strong,.integrity-status small{display:block}.integrity-status strong{font-size:10.5px}.integrity-status small{font-size:8.5px;color:var(--muted);margin-top:3px;line-height:1.45}.integrity-issues{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.integrity-issues>div{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:9px;align-items:start}.integrity-issues strong{font-size:9px;overflow-wrap:anywhere}.integrity-issues small{font-size:8.5px;color:var(--muted);line-height:1.4}.integrity-issues>small{font-size:8.5px;color:var(--muted)}
@media(max-width:620px){.integrity-issues>div{grid-template-columns:1fr}.integrity-summary+.cloud-actions button{width:100%}}

/* Release Candidate v15 — accessibilité, mobile et stabilité d'usage */
.skip-link{position:fixed;left:12px;top:12px;z-index:300;transform:translateY(-160%);background:#f3f7fc;color:#07111f;padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:var(--shadow)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--ice);outline-offset:3px}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}
@media(max-width:620px){button,.ghost-btn,.file-label,.mini-btn,.primary-btn,.secondary-btn,.text-btn{min-height:44px}.dialog-close,.modal-close{min-width:44px;min-height:44px}.main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.toast{left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.product-card:hover{transform:none}}

/* Production Readiness v17 — configuration publique et intégrations */
#integrationReadinessGrid{margin-bottom:10px}#runtimeProfileLabel{overflow-wrap:anywhere}.diagnostic-check.optional small{opacity:.95}

/* Staging Ready v21 — release gate, maintenance runtime et préflight réseau/API */
.maintenance-banner{margin:-4px 0 14px;border:1px solid rgba(255,197,92,.34);background:rgba(255,197,92,.075);border-radius:14px;padding:11px 14px;display:flex;gap:11px;align-items:flex-start}.maintenance-banner[hidden]{display:none}.maintenance-banner>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,197,92,.12);color:#ffc55c;font-weight:900;flex:0 0 auto}.maintenance-banner strong,.maintenance-banner small{display:block}.maintenance-banner strong{font-size:11px;color:#ffe0a2}.maintenance-banner small{font-size:9px;color:var(--muted);margin-top:2px;line-height:1.45}.maintenance-banner.blocking{border-color:rgba(255,100,122,.34);background:rgba(255,100,122,.07)}.maintenance-banner.blocking>span{background:rgba(255,100,122,.12);color:#ff8fa0}.maintenance-banner.blocking strong{color:#ffb2bd}#endpointProbeGrid{margin-bottom:10px}
@media(max-width:620px){.maintenance-banner{margin-top:0}}

/* Staging Ready v21 — acceptance terrain */
.acceptance-list{display:grid;gap:10px;margin:14px 0}.acceptance-check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);cursor:pointer}.acceptance-check.done{border-color:rgba(87,211,155,.45);background:rgba(87,211,155,.06)}.acceptance-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--ok)}.acceptance-check span{display:grid;gap:3px}.acceptance-check strong{font-size:14px}.acceptance-check small{color:var(--muted);line-height:1.45}.acceptance-status.ok{color:var(--ok)}.acceptance-status.pending{color:var(--warn)}

/* Promotion Candidate v22 — preuve de promotion staging */
.promotion-candidate-section .recovery-summary{margin-bottom:12px}.promotion-candidate-section .diagnostic-grid{margin-bottom:10px}.promotion-candidate-section .cloud-actions{margin-top:10px}.promotion-candidate-section .acceptance-status.ok{font-weight:800}.promotion-candidate-section .acceptance-status.pending{font-weight:800}

/* Production Candidate v23 — paquet de promotion */
.production-deployment-section .recovery-summary{margin-bottom:12px}.production-deployment-section .diagnostic-grid{margin-bottom:10px}.production-deployment-section .cloud-actions{margin-top:10px}.production-deployment-section .acceptance-status.ok{font-weight:800}.production-deployment-section .acceptance-status.pending{font-weight:800}

/* v23 staging hotfix 2 — iOS standalone safe areas */
@media(max-width:980px){
  .main{padding-top:calc(20px + env(safe-area-inset-top));}
}
@media(max-width:620px){
  .main{padding-top:calc(16px + env(safe-area-inset-top));}
}