/* Onglet Activité (static/activite.js) */
#pageActivite select { font: inherit; border-radius: 6px; border: 1px solid var(--bord); background: var(--carte2); color: var(--texte); padding: 4px 8px; }
#pageActivite section > h2 { cursor: default; flex-wrap: wrap; }
#pageActivite section > h2 button { font-size: 12px; padding: 2px 9px; text-transform: none; letter-spacing: 0; }
#pageActivite code { font: 12px ui-monospace, Consolas, monospace; color: var(--texte); }
.act-toi { font-size: 10.5px; color: var(--accent); border: 1px solid var(--accent); border-radius: 4px; padding: 0 4px; font-weight: 500; }
.act-tuiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin-bottom: 18px; }
.act-tuile { background: var(--carte); border: 1px solid var(--bord); border-radius: 8px; padding: 10px 12px; }
.act-tuile b { display: block; font-size: 22px; font-variant-numeric: tabular-nums; color: var(--accent); }
.act-tuile b small { font-size: 13px; color: var(--sourd); font-weight: 400; }
.act-tuile span { color: var(--sourd); font-size: 12px; }

.act-grille-wrap { overflow-x: auto; max-height: 520px; overflow-y: auto; border: 1px solid var(--bord); border-radius: 8px; background: var(--carte); }
table.act-grille { border-collapse: separate; border-spacing: 2px; font-size: 11px; min-width: 640px; width: 100%; }
.act-grille th { color: var(--sourd); font-weight: 500; text-align: center; padding: 2px; }
.act-grille thead th { position: sticky; top: 0; background: var(--carte); z-index: 1; }
.act-grille tbody th { text-align: left; white-space: nowrap; cursor: pointer; padding-right: 8px; }
.act-grille tbody th:hover { color: var(--accent); }
.act-grille td.act-c { height: 20px; min-width: 18px; background: var(--carte2); border-radius: 3px; text-align: center; color: #1a1408; font-weight: 700; }
.act-grille td.act-plein { background: rgba(216, 162, 74, var(--a)); cursor: pointer; }
.act-grille td.act-plein:hover, .act-grille td.act-csel { outline: 2px solid var(--texte); outline-offset: -1px; }
.act-grille td.act-nv { color: var(--sourd); text-align: right; padding-right: 6px; font-variant-numeric: tabular-nums; }
.act-grille tr.act-sel th { color: var(--accent); }
.act-grille tfoot th { text-align: left; }
.act-grille td.act-barre { height: 36px; vertical-align: bottom; padding: 0; }
.act-grille td.act-barre i { display: block; background: var(--violet); border-radius: 2px 2px 0 0; min-height: 1px; }

.act-table { min-width: 760px; }
.act-table tr.act-vis { cursor: pointer; }
.act-table tr.act-sel td { background: var(--carte2); }
.act-table tr.act-sel td:first-child { box-shadow: inset 3px 0 0 var(--accent); }
.act-table .act-nommer { font-size: 11px; padding: 1px 7px; margin-top: 3px; }
@media (max-width: 640px) { #pageActivite .barre .info { flex-basis: 100%; } }