body{font-family:'Segoe UI',Arial;background:#f5f5f5;margin:0;padding:0;}
.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px;}
.doc-card{background:white;border-radius:10px;padding:16px;box-shadow:0 3px 10px rgba(0,0,0,0.12);} 
.row1{display:flex;align-items:center;gap:12px;margin-bottom:8px;} 
.pictogram{height:40px;position:relative;} 
.pictogram:hover::after{content:attr(title);position:absolute;bottom:105%;left:50%;transform:translateX(-50%);background:#0033A0;color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;} 
.title{font-weight:600;color:#0033A0;font-size:15px;} 
.row2{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;margin-top:6px;} 
.ref{flex:1 1 100%;font-weight:600;color:#333;margin-bottom:4px;} 
.date{color:#444;} 
.pdf{background:#d9534f;color:white;padding:4px 10px;border-radius:4px;text-decoration:none;} 
.html{background: #5bc0de;color: white;padding:4px 10px;border-radius:4px;text-decoration:none;}
.xls{background: #5cb85c;color: white;padding:4px 10px;border-radius:4px;text-decoration:none;}
.ioc-header{background:#0033A0;padding:20px 40px;display:flex;align-items:center;gap:20px;}
.ioc-rings{height:44px;}
.ioc-title{font-size:28px;font-weight:700;color:white;}
.ioc-bar{height:6px;background:linear-gradient(to right,#0085C7,#F4C300,#000000,#00A651,#EE334E);} 
nav{background:white;padding:12px 40px;border-bottom:1px solid #ddd;font-size:15px;font-weight:600;} 
nav a{text-decoration:none;color:#0033A0;margin-right:20px;}