
:root{color-scheme:dark;--bg:#0d1423;--panel:#14263a;--panel2:#172d43;--border:#344f68;--txt:#e4edf8;--muted:#a3bbd0;--blue:#69b9ed;--soft:#203c59;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
*[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--txt);background:var(--bg);min-width:0}body.av-has-sidebar{padding-left:226px}
header{padding:23px clamp(17px,2.3vw,34px);border-bottom:1px solid #2a4058;background:#111c2e}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.07em;color:#80c2f4}h1{font-size:clamp(23px,2.1vw,30px);margin:6px 0 5px}header p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}
.wrap{width:100%;padding:20px clamp(15px,2.3vw,32px) 48px;margin:auto;max-width:1740px}.panel{padding:19px;border:1px solid var(--border);background:var(--panel);border-radius:13px;margin-bottom:14px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.heading h2{font-size:17px;margin:0}.dim{color:var(--muted);font-size:12px}.hint{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0 0}.small{font-size:11px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{background:#102137;border:1px solid #2f4760;border-radius:10px;padding:13px}.stat b{font-size:22px;color:#a6dbff;display:block;font-variant-numeric:tabular-nums}.stat span{display:block;color:#a7bfd5;font-size:11px;margin-top:4px}
.filters{display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(3,minmax(130px,1fr));gap:10px;align-items:end}.filter{min-width:0;display:flex;flex-direction:column;gap:6px}.filter label{font-size:11px;font-weight:650;color:#b5c9dd}.filter input,.filter select{min-width:0;width:100%;border:1px solid #47617b;border-radius:8px;background:#0b1c2d;color:var(--txt);min-height:39px;padding:8px 10px;outline:none}.filter input:focus,.filter select:focus{border-color:#81c5f3;box-shadow:0 0 0 2px #2873a133}.filter input::placeholder{color:#879eb3}
.filters2{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:flex-end}.filters2 .filter{min-width:140px;flex:0 1 170px}.actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}button,.action-link{border:1px solid #496987;border-radius:8px;background:linear-gradient(#254867,#1a354f);color:#ecf5ff;cursor:pointer;padding:9px 13px;font:inherit;font-weight:650;font-size:12px;min-height:38px;text-decoration:none;white-space:nowrap}button:hover,.action-link:hover{background:#315d80;border-color:#8bc7f5}button:focus-visible,a:focus-visible{outline:2px solid #8bcfff;outline-offset:2px}button.secondary{background:#14263b}.resultbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}.resultbar strong{font-size:14px}.resultbar small{color:var(--muted);font-size:11px}
.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.model-card{border:1px solid #354f68;background:linear-gradient(135deg,#182e45,#112338);border-radius:11px;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px;transition:border-color .15s}.model-card:hover{border-color:#5789b5}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-head h3{font-size:18px;margin:0 0 4px;font-weight:750;color:#eaf6ff;letter-spacing:.01em}.type{color:#a7c4da;font-size:11px}.badge{font-size:10px;border:1px solid #496c88;background:#203b54;border-radius:5px;color:#c8e2f6;padding:5px 7px;white-space:nowrap}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:#10253a;padding:9px 10px;border-radius:7px;border:1px solid #2b465d;min-width:0}.metric strong{display:block;font-size:17px;color:#9ad3fa}.metric small{display:block;font-size:10px;color:#a5bed3;margin-top:3px}.chips{display:flex;flex-wrap:wrap;gap:5px;min-height:25px}.chip{font-size:10px;border:1px solid #3c5b73;border-radius:5px;color:#bcd5e8;padding:3px 6px}.chip.ok{border-color:#336e73;color:#8bcaca;background:#133a3c}.chip.info{border-color:#5d678d;color:#c4cafa;background:#262b4a}.vendor-none{color:#879eb4;font-size:11px}.card-footer{margin-top:auto;padding-top:9px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #2e4861}.manufacturer-link{color:#9dd5fc;font-size:12px;font-weight:700;text-decoration:none}.manufacturer-link:hover{text-decoration:underline}.details-button{border:none;padding:5px 6px;background:none;color:#b0c8e0;font-size:11px;min-height:0}.model-card details{border-top:1px solid #2e4861;padding-top:10px}.model-card details summary{cursor:pointer;color:#9fd3f7;font-size:12px;font-weight:650}.detail-info{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;line-height:1.4;margin:10px 0}.detail-info dt{color:#9cb4c9}.detail-info dd{margin:0;text-align:right;max-width:210px;overflow-wrap:anywhere}.minor-note{font-size:11px;color:#a4bbd0;line-height:1.55}.source-links{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 0}.source-links a{color:#8dcbf9;font-size:11px}.empty{padding:28px;text-align:center;border:1px dashed #486580;border-radius:9px;color:#abc2d5;background:#102238}.loadmore{display:block;margin:20px auto 5px;min-width:180px}.provenance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.provenance a{color:#add6fb;font-weight:700}.provenance article{border:1px solid #37516b;background:#12273b;border-radius:8px;padding:12px}.provenance article b{display:block;margin-bottom:6px}.provenance article p{margin:0;font-size:11px;color:#9fb8cf;line-height:1.5}.footer-note{font-size:11px;color:#92acc1;line-height:1.65;margin-top:14px}
.av-sidebar{position:fixed;left:0;top:0;bottom:0;width:226px;z-index:30;background:#111c2e;border-right:1px solid #2a3750;padding:20px 12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.av-sidebrand{font-size:15px;font-weight:800;padding:4px 10px 12px;border-bottom:1px solid #30415a;margin-bottom:5px}.av-sidebrand small{display:block;color:#86bfff;font-size:11px;font-weight:600;margin-top:5px}.av-sidelabel{color:#8da7c2;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:750;padding:10px 10px 3px}.av-sidebar a{display:block;text-decoration:none;color:#bcd1e8;font-size:13px;padding:10px 11px;border:1px solid transparent;border-radius:8px}.av-sidebar a:hover{background:#20344e;color:white}.av-sidebar a[aria-current="page"]{background:#203854;color:white;border-color:#385879;font-weight:700}.av-home{background:#203854;border:1px solid #385879!important;margin:0 4px 4px}.av-tool{border:1px solid transparent;border-radius:9px;overflow:hidden}.av-tool[open]{background:#15253a;border-color:#2c445f}.av-tool summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px;color:#c7daed;font-size:13px;font-weight:650;list-style:none}.av-tool summary::-webkit-details-marker{display:none}.av-tool-children{padding:3px 3px 7px;border-top:1px solid #2a4058}.av-sidebar .av-sub{padding:9px 10px 9px 22px;font-size:12px}.av-sidebottom{margin-top:auto;padding:12px 8px 4px;color:#a7c1d9;font-size:12px}.av-mobile-toggle{display:none;position:fixed;right:12px;top:12px;z-index:35}
@media(max-width:1350px){.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.provenance{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body.av-has-sidebar{padding-left:0!important}header{padding:15px 104px 15px 14px!important;min-height:90px}.wrap{padding:14px 12px 38px!important}.av-sidebar{transform:translateX(-102%);transition:transform .18s ease;box-shadow:12px 0 22px #0008}.av-sidebar.av-open{transform:translateX(0)}.av-mobile-toggle{display:block!important;min-height:42px;min-width:82px}.filters{grid-template-columns:minmax(0,1fr)}.filters2 .filter{min-width:0;flex:1 1 145px}.actions{margin-left:0;width:100%}.actions button{flex:1}.cardgrid{grid-template-columns:minmax(0,1fr)}.panel{padding:13px}.provenance{grid-template-columns:1fr 1fr}.stat b{font-size:19px}.resultbar{align-items:flex-start}.filter select,.filter input{font-size:16px}}
@media(max-width:370px){.provenance{grid-template-columns:1fr}.stats{gap:7px}.stat{padding:10px}}

/* v0.7.157 : encombrement physique constructeur, pas dimensions d’emballage. */
.chassis-size{display:flex;gap:5px 10px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;background:#0d2033;border:1px solid #355773;border-radius:7px;padding:9px 10px}.chassis-label{font-size:11px;color:#bad1e5}.chassis-size strong{font-size:13px;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#9bd5fd}.dimension-source-link{color:#93cefa;text-decoration:none;font-size:11px}.dimension-source-link:hover{text-decoration:underline}

/* v0.7.157 : les ratios documentés, sans extrapolation entre objectifs. */
.ratio-box{border:1px solid #3e6581;background:#101f33;border-radius:8px;padding:10px 11px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ratio-heading{color:#bed4e8;font-size:11px;font-weight:650}
.ratio-value{color:#a1ddff;font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}
.ratio-note,.ratio-global,.ratio-finenote{font-size:11px;line-height:1.5;margin:0;color:#a3bad0}
.ratio-global{color:#91aabd;border-top:1px solid #2b465d;padding-top:7px}
.ratio-finenote{font-size:10px;color:#a3b9ca}
.lens-label{font-weight:650;font-size:11px;color:#c9e2f5;display:flex;flex-direction:column;gap:5px;min-width:0}
.lens-select{min-height:39px;max-width:100%;width:100%;background:#0c1b2e;color:#eff8ff;border:1px solid #4f7895;border-radius:7px;padding:8px;font:inherit;font-size:12px}
.lens-select:focus-visible{outline:2px solid #87cbff;outline-offset:2px}
.ratio-source{font-size:11px;color:#9ad3fa;text-decoration:none;overflow-wrap:anywhere}
.ratio-source:hover{text-decoration:underline}
.lens-unconfirmed{border-color:#b98b4a}.lens-unconfirmed .ratio-value{color:#e8ba77}

/* v0.7.157 : supports constructeur, séparés des objectifs et sans cotes de colis. */
.support-box{border:1px solid #3a5b73;background:#101f32;border-radius:8px;padding:10px 11px;display:flex;flex-direction:column;gap:7px;min-width:0}
.support-heading{color:#c6e2f4;font-size:12px;font-weight:700}
.mount-label{font-weight:600;font-size:11px;color:#a6bfd5;display:flex;flex-direction:column;gap:5px;min-width:0}
.mount-select{min-height:39px;width:100%;max-width:100%;background:#0c1b2e;color:#eff8ff;border:1px solid #50738f;border-radius:7px;padding:8px;font:inherit;font-size:12px}
.mount-select:focus-visible{outline:2px solid #87cbff;outline-offset:2px}
.mount-info{background:#142d40;border:1px solid #3a647c;border-radius:7px;padding:9px 10px;min-width:0}
.mount-info p{margin:5px 0 0}.mount-name{font-size:13px;color:#c6e6fc}.mount-sku,.mount-dims{font-size:11px;color:#c6dced}.mount-small,.mount-disclaimer{font-size:10px;line-height:1.55;color:#9db9cd;margin:0}.mount-warning{font-size:10px;color:#e4bb78}.mount-source{font-size:11px;color:#9bd4f9;text-decoration:none;overflow-wrap:anywhere;display:inline-block;margin-top:6px}.mount-source:hover{text-decoration:underline}
.mount-directory{margin-bottom:14px}.mount-directory summary{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;cursor:pointer;list-style:none}.mount-directory summary::-webkit-details-marker{display:none}.mount-directory summary:before{content:'▸';color:#8cccf4}.mount-directory[open] summary:before{content:'▾'}.mount-directory summary strong{font-size:15px}.mount-sum{font-size:11px;color:#a9c4d7}.mount-directory-table{max-height:400px;overflow:auto;margin-top:10px;border-radius:7px;border:1px solid #37526b}.mount-table{width:100%;border-collapse:collapse;font-size:11px;min-width:700px}.mount-table th{text-align:left;background:#0f263c;padding:10px;position:sticky;top:0}.mount-table td{border-top:1px solid #2d4961;padding:9px 10px;color:#c3d7e7}.mount-table .mount-ref{font-weight:750;color:#9dd8ff}
@media(max-width:767px){.mount-directory summary{align-items:flex-start}.mount-sum{flex-basis:100%;padding-left:18px}}
