/* Pannello Presidente · Controllo anagrafiche (anagrafica-check.js). Usa le variabili di #presidente. */
#presidente .dq-card { margin: 0 0 24px; padding: 16px 16px 14px; }
#presidente .dq-card .pres-log-card__hdr h4 { flex: 0 1 auto; margin-right: auto; }
#presidente .dq-card .pres-seg { flex-wrap: wrap; }
#presidente .dq-link { all: unset; cursor: pointer; color: var(--pr); font-weight: 700; text-decoration: underline; }
#presidente .dq-body { display: grid; gap: 8px; }
#presidente .dq-cat { border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, 0.03); overflow: hidden; }
#presidente .dq-cat > summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 11px 14px; cursor: pointer; color: var(--text); font: 700 0.86rem/1.2 var(--font); }
#presidente .dq-cat > summary::-webkit-details-marker { display: none; }
#presidente .dq-cat > summary > i:first-child { font-size: 1.15em; color: var(--pr); }
#presidente .dq-cat--err > summary > i:first-child { color: #fda4af; }
#presidente .dq-cat--warn > summary > i:first-child { color: #fde68a; }
#presidente .dq-cat--info > summary > i:first-child { color: #7dd3fc; }
#presidente .dq-cat__t { flex: 1 1 auto; min-width: 0; }
#presidente .dq-cat > summary b { min-width: 26px; height: 22px; padding: 0 8px; border-radius: 999px; display: inline-grid; place-items: center; background: rgba(255, 255, 255, 0.1); font-size: 0.75rem; font-variant-numeric: tabular-nums; }
#presidente .dq-caret { color: var(--mute); transition: transform 0.2s var(--ease); }
#presidente .dq-cat[open] .dq-caret { transform: rotate(180deg); }
#presidente .dq-sev { font-size: 0.68rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; border: 1px solid transparent; white-space: nowrap; }
#presidente .dq-sev--red { color: #fecdd3; background: rgba(225, 29, 72, 0.18); border-color: rgba(251, 113, 133, 0.4); }
#presidente .dq-sev--gold { color: #fde68a; background: rgba(245, 158, 11, 0.16); border-color: rgba(251, 191, 36, 0.4); }
#presidente .dq-sev--blue { color: #bae6fd; background: rgba(14, 165, 233, 0.16); border-color: rgba(125, 211, 252, 0.4); }
#presidente .dq-aiuto { margin: 0 14px 8px; font-size: 0.76rem; color: var(--mute) !important; line-height: 1.45; }
#presidente .dq-cat ul { list-style: none; margin: 0; padding: 0 8px 8px; display: grid; gap: 4px; max-height: 360px; overflow: auto; }
#presidente .dq-cat li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; padding: 8px 8px 8px 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.04); }
#presidente .dq-cat li.is-ign { opacity: 0.5; }
#presidente .dq-row, #presidente .dq-evs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-width: 0; }
#presidente .dq-evs { grid-column: 1 / 2; }
#presidente .dq-txt { font-size: 0.78rem; color: var(--soft) !important; }
#presidente .dq-p, #presidente .dq-ev {
    appearance: none; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 999px;
    border: 1px solid var(--line); background: rgba(255, 255, 255, 0.06); color: var(--text) !important;
    font: 600 0.78rem/1 var(--font); cursor: pointer; white-space: nowrap; transition: background-color 0.2s var(--ease);
}
#presidente .dq-p small { color: var(--mute); font-weight: 600; }
#presidente .dq-p--S i { color: #c4b5fd; }
#presidente .dq-p--E i { color: #7dd3fc; }
#presidente .dq-ev { height: 24px; font-size: 0.72rem; color: var(--soft) !important; background: rgba(255, 255, 255, 0.03); }
#presidente .dq-ev i { color: var(--mute); }
#presidente .dq-p:hover, #presidente .dq-ev:hover { background: rgba(255, 255, 255, 0.13); }
#presidente .dq-ign {
    appearance: none; grid-column: 2; grid-row: 1; height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--line-soft, var(--line));
    background: transparent; color: var(--mute) !important; font: 600 0.72rem/1 var(--font); cursor: pointer;
}
#presidente .dq-ign:hover { color: var(--text) !important; background: rgba(255, 255, 255, 0.08); }
#presidente .dq-ok { margin: 6px 4px; display: flex; gap: 8px; align-items: center; color: #bbf7d0 !important; font-weight: 700; font-size: 0.85rem; }
#presidente .dq-p:focus-visible, #presidente .dq-ev:focus-visible, #presidente .dq-ign:focus-visible, #presidente .dq-cat > summary:focus-visible { outline: 2px solid #f1c40f; outline-offset: 2px; }
@media (max-width: 560px) {
    #presidente .dq-cat li { grid-template-columns: 1fr; }
    #presidente .dq-ign { grid-column: 1; grid-row: auto; justify-self: start; }
    #presidente .dq-sev { display: none; }
}
#presidente .pres-kpi:has(#pres-dq-kpi) { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }

/* Anagrafe · Anni da socio (spunte anche non di seguito) e statistica in «Anni passati» */
.off35-anni-iscr { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.off35-anni-iscr__y { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.45); cursor: pointer; font-weight: 700; font-variant-numeric: tabular-nums; user-select: none; }
.off35-anni-iscr__y:has(input:checked) { border-color: var(--accent-blue, #3498db); background: rgba(52, 152, 219, 0.14); }
.off35-anni-iscr__y input { margin: 0; accent-color: var(--accent-blue, #3498db); }
.off35-anni-stat { width: 100%; border-collapse: collapse; font-size: 0.85em; font-variant-numeric: tabular-nums; margin-bottom: 6px; }
.off35-anni-stat th, .off35-anni-stat td { padding: 6px 8px; border-bottom: 1px solid rgba(148, 163, 184, 0.3); text-align: right; }
.off35-anni-stat th:first-child, .off35-anni-stat td:first-child { text-align: left; }