Les circuits
/* Hub grids: circuits + dates */
.hub-grid{
display:grid; grid-template-columns: 1fr 1fr;
gap:14px;
align-items:stretch;
}
.panel{
border-radius: var(–radius2);
border:1px solid rgba(255,255,255,.10);
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
box-shadow: var(–shadow);
padding:18px;
overflow:hidden;
position:relative;
}
.panel h3{ margin:0 0 10px; font-size:16px; }
.list{
display:grid; gap:10px;
margin:0; padding:0; list-style:none;
}
.li{
display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
padding:12px;
border-radius:16px;
border:1px solid rgba(255,255,255,.10);
background: rgba(0,0,0,.16);
transition:.15s ease;
}
.li:hover{ transform: translateY(-1px); background: rgba(0,0,0,.22); }
.li strong{ display:block; font-size:14px; }
.li span{ display:block; color:var(–muted); font-size:12px; line-height:1.35; margin-top:2px; }
.tag{
display:inline-flex; align-items:center; justify-content:center;
padding:7px 10px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.06);
color: var(–text);
font-weight:900;
font-size:12px;
white-space:nowrap;
}
.tag.ok{ border-color: rgba(56,211,159,.25); background: rgba(56,211,159,.12); color: var(–ok); }
.tag.warn{ border-color: rgba(255,200,87,.25); background: rgba(255,200,87,.12); color: var(–warn); }