.discovery-dashboard { display:grid; gap:24px; padding-bottom:48px; }
.discovery-dashboard .page-head { margin-bottom:0; }
.discovery-dashboard .page-head .actions { align-items:center; }
.discovery-filters { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; align-items:end; padding:20px; border:1px solid var(--sp-border); border-radius:var(--sp-radius-xl); background:var(--sp-surface); box-shadow:var(--sp-shadow-sm); }
.discovery-filters label { grid-column:span 2; display:grid; gap:7px; min-width:0; color:var(--sp-text-muted); font-size:var(--sp-type-label); font-weight:750; }
.discovery-filters label:first-child,.discovery-filters label:nth-child(2) { grid-column:span 4; }
.discovery-filters .discovery-search { grid-column:span 4; }
.discovery-filters input,.discovery-filters select { width:100%; min-width:0; min-height:42px; border:1px solid var(--sp-border); border-radius:var(--sp-radius-md); background:var(--sp-surface-interactive); color:var(--sp-text); padding:0 12px; font:inherit; font-size:14px; font-weight:520; }
.discovery-filters input:focus-visible,.discovery-filters select:focus-visible,.discovery-dashboard button:focus-visible,.discovery-dashboard a:focus-visible { outline:3px solid var(--sp-focus-ring); outline-offset:2px; }
.discovery-filters > button { grid-column:span 2; min-height:42px; }
.discovery-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.discovery-metric { display:grid; align-content:start; gap:6px; min-height:130px; padding:18px 20px; border:1px solid var(--sp-border); border-radius:var(--sp-radius-lg); background:var(--sp-surface); }
.discovery-metric.is-emphasis { background:#30342f; border-color:#30342f; color:#fffdf8; }
.discovery-metric > span { font-size:12px; font-weight:760; letter-spacing:.025em; }
.discovery-metric > strong { font-size:clamp(26px,2.4vw,36px); letter-spacing:-.045em; line-height:1.1; font-variant-numeric:tabular-nums; }
.discovery-metric > small { color:var(--sp-text-muted); font-size:12px; line-height:1.4; }
.discovery-metric.is-emphasis > small { color:#d8dcd6; }
.discovery-section { min-width:0; overflow:hidden; border:1px solid var(--sp-border); border-radius:var(--sp-radius-xl); background:var(--sp-surface); box-shadow:var(--sp-shadow-sm); }
.discovery-section-head { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:22px 22px 17px; }
.discovery-section-head .eyebrow { color:var(--sp-text-muted); font-size:11px; font-weight:780; letter-spacing:.11em; text-transform:uppercase; }
.discovery-section-head h2 { margin:4px 0 0; font-size:clamp(20px,2vw,26px); letter-spacing:-.035em; }
.discovery-section-head > strong,.discovery-section-head > span { flex:none; color:var(--sp-text-muted); font-size:13px; }
.discovery-table-wrap { overflow-x:auto; overscroll-behavior-inline:contain; }
.discovery-table { width:100%; min-width:980px; border-collapse:collapse; font-size:13px; }
.discovery-table th { padding:11px 16px; border-block:1px solid var(--sp-border); background:var(--sp-surface-muted); color:var(--sp-text-muted); text-align:left; font-size:11px; font-weight:790; letter-spacing:.035em; white-space:nowrap; }
.discovery-table td { padding:14px 16px; border-bottom:1px solid var(--sp-border); vertical-align:middle; line-height:1.4; }
.discovery-table tbody tr:last-child td { border-bottom:0; }
.discovery-table tbody tr:hover { background:#f9f7f1; }
.discovery-table td strong,.discovery-table td small { display:block; }
.discovery-table td strong { color:var(--sp-text); font-weight:760; }
.discovery-table td small { margin-top:3px; color:var(--sp-text-muted); }
.discovery-table td:nth-child(2) { white-space:nowrap; }
.discovery-source-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#9ca694; vertical-align:middle; }
.discovery-money { font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; }
.discovery-badge { display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border:1px solid #dadbd3; border-radius:999px; background:#f6f7f3; color:#4c5448; font-size:11px; font-weight:750; white-space:nowrap; }
.discovery-badge.is-present,.discovery-badge.is-paid,.discovery-badge.is-confirmed { background:var(--sp-success-bg); border-color:var(--sp-success-border); color:var(--sp-success); }
.discovery-badge.is-absent,.discovery-badge.is-cancelled,.discovery-badge.is-zoom_failed { background:var(--sp-danger-bg); border-color:var(--sp-danger-border); color:var(--sp-danger); }
.discovery-badge.is-started,.discovery-badge.is-unlinked { background:var(--sp-warning-bg); border-color:var(--sp-warning-border); color:var(--sp-warning); }
.discovery-empty { padding:32px 22px 38px; border-top:1px solid var(--sp-border); }
.discovery-empty p { margin:6px 0 0; color:var(--sp-text-muted); }
.discovery-pagination { display:flex; justify-content:flex-end; align-items:center; gap:9px; padding:14px 18px; border-top:1px solid var(--sp-border); }
.discovery-pagination span { margin-right:auto; color:var(--sp-text-muted); font-size:12px; }
.discovery-source-table { min-width:740px; }
.discovery-source-table td:not(:first-child) { font-variant-numeric:tabular-nums; }
.discovery-drawer { position:fixed; inset:0 0 0 auto; width:min(100%,490px); max-width:none; height:100dvh; max-height:none; margin:0; padding:0 26px 28px; border:0; border-left:1px solid var(--sp-border); background:var(--sp-surface); color:var(--sp-text); box-shadow:-20px 0 70px rgba(43,41,37,.18); overflow-y:auto; }
.discovery-drawer::backdrop { background:rgba(33,34,31,.42); }
.discovery-drawer[open] { animation:discovery-drawer-in 240ms var(--sp-ease-drawer) both; }
@keyframes discovery-drawer-in { from { transform:translateX(24px); opacity:.78; } to { transform:translateX(0); opacity:1; } }
.discovery-drawer-header { display:flex; justify-content:space-between; gap:16px; align-items:start; padding:34px 0 20px; border-bottom:1px solid var(--sp-border); }
.discovery-drawer-header .eyebrow { color:var(--sp-text-muted); font-size:11px; text-transform:uppercase; letter-spacing:.09em; }
.discovery-drawer-header h2 { margin:5px 0 4px; font-size:29px; letter-spacing:-.05em; }
.discovery-drawer-header p { margin:0; color:var(--sp-text-muted); overflow-wrap:anywhere; }
.discovery-drawer-close { flex:none; display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--sp-border); border-radius:50%; background:var(--sp-surface); color:var(--sp-text); font-size:24px; cursor:pointer; }
.discovery-drawer-actions { display:flex; flex-wrap:wrap; gap:8px; padding:19px 0 6px; }
.discovery-copy-status { min-height:20px; margin:0; color:var(--sp-success); font-size:12px; }
.discovery-timeline { margin:14px 0 24px; padding:0; list-style:none; }
.discovery-timeline li { position:relative; display:flex; gap:14px; min-height:68px; padding-bottom:18px; }
.discovery-timeline li:not(:last-child)::after { content:""; position:absolute; top:18px; bottom:0; left:7px; width:1px; background:var(--sp-border); }
.discovery-timeline-mark { z-index:1; flex:none; width:15px; height:15px; margin-top:2px; border:2px solid var(--sp-border-strong); border-radius:50%; background:var(--sp-surface); }
.discovery-timeline li.is-done .discovery-timeline-mark { background:var(--sp-success); border-color:var(--sp-success); box-shadow:inset 0 0 0 3px var(--sp-surface); }
.discovery-timeline strong,.discovery-timeline small { display:block; }
.discovery-timeline strong { font-size:14px; }
.discovery-timeline small { margin-top:3px; color:var(--sp-text-muted); font-size:12px; line-height:1.45; }
.discovery-attribution { padding:17px 18px; border:1px solid var(--sp-border); border-radius:var(--sp-radius-lg); background:var(--sp-surface-muted); }
.discovery-attribution summary { cursor:pointer; font-weight:730; }
.discovery-attribution dl { margin:15px 0 0; }
.discovery-attribution dl > div { display:flex; justify-content:space-between; gap:15px; padding:7px 0; border-top:1px solid var(--sp-border); font-size:12px; }
.discovery-attribution dt { color:var(--sp-text-muted); }
.discovery-attribution dd { margin:0; max-width:62%; overflow-wrap:anywhere; text-align:right; font-weight:650; }
@media(max-width:1080px) { .discovery-filters label,.discovery-filters .discovery-search { grid-column:span 3; } .discovery-filters label:first-child,.discovery-filters label:nth-child(2) { grid-column:span 6; } .discovery-filters > button { grid-column:span 3; } }
@media(max-width:720px) { .discovery-dashboard { gap:16px; } .discovery-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:15px; } .discovery-filters label,.discovery-filters label:first-child,.discovery-filters label:nth-child(2),.discovery-filters .discovery-search,.discovery-filters > button { grid-column:span 1; } .discovery-filters label:first-child,.discovery-filters label:nth-child(2),.discovery-filters .discovery-search { grid-column:1/-1; } .discovery-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .discovery-metric { min-height:116px; padding:15px; } .discovery-section-head { align-items:start; padding:18px 15px 13px; } .discovery-table { min-width:0; display:block; } .discovery-table thead { display:none; } .discovery-table tbody { display:grid; gap:10px; padding:0 12px 12px; } .discovery-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding:14px; border:1px solid var(--sp-border); border-radius:var(--sp-radius-lg); } .discovery-table td { display:block; min-width:0; padding:0; border:0; } .discovery-table td:nth-child(1),.discovery-table td:nth-child(2),.discovery-table td:last-child { grid-column:1/-1; } .discovery-table td:nth-child(1) strong { font-size:16px; } .discovery-table td:nth-child(3)::before,.discovery-table td:nth-child(4)::before,.discovery-table td:nth-child(5)::before,.discovery-table td:nth-child(6)::before,.discovery-table td:nth-child(7)::before,.discovery-table td:nth-child(8)::before { display:block; margin-bottom:3px; color:var(--sp-text-muted); font-size:10px; font-weight:760; text-transform:uppercase; } .discovery-table td:nth-child(3)::before { content:"Inscription"; } .discovery-table td:nth-child(4)::before { content:"Zoom"; } .discovery-table td:nth-child(5)::before { content:"Présence"; } .discovery-table td:nth-child(6)::before { content:"Durée"; } .discovery-table td:nth-child(7)::before { content:"Formation"; } .discovery-table td:nth-child(8)::before { content:"CA"; } .discovery-table td:last-child .button { width:100%; } .discovery-source-table { min-width:650px; display:table; } .discovery-source-table thead { display:table-header-group; } .discovery-source-table tbody { display:table-row-group; padding:0; } .discovery-source-table tr { display:table-row; padding:0; border:0; } .discovery-source-table td { display:table-cell; padding:12px 14px; border-bottom:1px solid var(--sp-border); } .discovery-drawer { width:100%; padding-inline:19px; } }
@media(max-width:420px) { .discovery-filters > button { grid-column:1/-1; } .discovery-metric > strong { font-size:25px; } }
.discovery-source-table td::before { content:none !important; }
@media(prefers-reduced-motion:reduce) { .discovery-drawer[open] { animation:none; } }