/* SOGCES v2.0.262 — structure commune aux interfaces de référence */
#referenceOverlay{--solux-blue:#204d80;--solux-blue-light:#2b70aa;--solux-cyan:#2099b9;--solux-border:#d9e5ea;--solux-text:#334a58;padding:2vh 2vw;background:rgba(8,21,36,.68)}
#referenceOverlay .ref-shell{width:min(1280px,96vw);max-width:none;min-height:88vh;grid-template-columns:190px minmax(0,1fr);border-radius:7px;background:#fff;color:var(--solux-text);font-family:Arial,Helvetica,sans-serif;font-size:14px}
#referenceOverlay .ref-side{background:var(--solux-blue);padding:18px 0;min-width:0}
#referenceOverlay .ref-side button{min-height:48px;padding:13px 18px;text-align:left;font-size:13px}
#referenceOverlay .ref-side button.active,#referenceOverlay .ref-side button:hover{background:var(--solux-blue-light)}
#referenceOverlay .ref-main{min-width:0;padding:26px 32px 40px;overflow-wrap:anywhere}
#referenceOverlay .ref-top{min-height:55px;border-bottom:2px solid #e9eef1;margin-bottom:20px}
#referenceOverlay .ref-top h2{color:#288db0;font-size:22px;line-height:1.3}
#referenceOverlay .ref-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:900px;margin:20px 0}
#referenceOverlay .ref-tile{min-width:0;min-height:105px;border:1px solid var(--solux-border);border-radius:5px;box-shadow:none;transition:background .15s,border-color .15s}
#referenceOverlay .ref-tile:focus-visible,#referenceOverlay button:focus-visible{outline:3px solid #f4a340;outline-offset:2px}
#referenceOverlay .cil-detail{width:100%;max-width:100%;box-sizing:border-box;margin-top:20px;padding:20px;border:1px solid var(--solux-border);border-radius:5px}
#referenceOverlay .cil-detail-head{border-bottom:3px solid var(--solux-cyan);min-height:44px}
#referenceOverlay .cil-detail input,#referenceOverlay .cil-detail select{box-sizing:border-box;min-height:33px}
#referenceOverlay .cil-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
#referenceOverlay .cil-columns fieldset{min-width:0}
@media(max-width:850px){#referenceOverlay .ref-shell{grid-template-columns:150px minmax(0,1fr)}#referenceOverlay .ref-main{padding:18px}#referenceOverlay .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#referenceOverlay .cil-columns{grid-template-columns:1fr}}
@media(max-width:550px){#referenceOverlay{padding:0}#referenceOverlay .ref-shell{width:100%;min-height:100dvh;border-radius:0;grid-template-columns:1fr}#referenceOverlay .ref-side{display:flex;overflow-x:auto;padding:5px;gap:4px}#referenceOverlay .ref-side button{width:auto;min-width:125px;border:0;border-radius:4px;white-space:nowrap}#referenceOverlay .ref-main{padding:14px}#referenceOverlay .ref-top h2{font-size:19px}#referenceOverlay .ref-grid{gap:8px}#referenceOverlay .ref-tile{min-height:95px;font-size:12px}#referenceOverlay .cil-detail{padding:12px}}