/* WeClub360 — base commune de la charte graphique V1 (DEC-027, DEC-028)
   Portée : tout ce qui est dans un conteneur .wc (migration progressive, page par page).
   7 tailles de texte : 32 / 26 / 20 / 16 / 14 / 12 / 11 px. Espacements en multiples de 4 px. Arrondis 6 / 10 / 14 px. */
.wc{
  --wc-bg:#07090A;--wc-surface:#15191C;--wc-surface2:#1C2125;--wc-border:#3A4146;--wc-sep:#2A3034;
  --wc-gold:#E6BB5F;--wc-gold-light:#FFDC8F;--wc-text:#F5F6F8;--wc-text2:#B8C1C9;
  --wc-ok:#3CDD9B;--wc-info:#5D9DF7;--wc-ko:#F26A6A;
  --wc-s1:4px;--wc-s2:8px;--wc-s3:12px;--wc-s4:16px;--wc-s5:24px;
  --wc-r1:6px;--wc-r2:10px;--wc-r3:14px;
}
.wc{color:var(--wc-text);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:var(--wc-s5)}
.wc *{box-sizing:border-box}
.wc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--wc-s4)}
.wc-kicker{font-family:'Manrope',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--wc-gold)}
.wc h1{margin:var(--wc-s1) 0;font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;line-height:1.2;color:var(--wc-text)}
.wc-desc{margin:0;color:var(--wc-text2);font-size:14px}
.wc-card{background:linear-gradient(145deg,#1E2326,#131719);border:1px solid var(--wc-border);border-radius:var(--wc-r3);padding:var(--wc-s4);display:flex;flex-direction:column;gap:var(--wc-s4)}
.wc-card h2{margin:0;font-family:'Manrope',sans-serif;font-weight:700;font-size:16px;line-height:1.2;color:var(--wc-text)}
.wc-sub{margin:0;color:var(--wc-text2);font-size:12px}
.wc-btn{display:inline-flex;align-items:center;gap:var(--wc-s2);border-radius:var(--wc-r2);padding:12px 16px;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--wc-text)}
.wc-btn.p{background:linear-gradient(135deg,var(--wc-gold-light),var(--wc-gold));color:#07090A}
.wc-btn.s{border-color:var(--wc-border);font-family:'DM Sans',sans-serif;font-weight:600;font-size:12px;padding:var(--wc-s2) var(--wc-s3)}
.wc-btn.s:hover{border-color:var(--wc-gold);color:var(--wc-gold)}
.wc-btn.d{background:rgba(242,106,106,.14);color:#F9A5A5;border-color:rgba(242,106,106,.45);font-family:'DM Sans',sans-serif;font-weight:600;font-size:12px;padding:var(--wc-s2) var(--wc-s3)}
.wc-btn:disabled,.wc-btn[aria-disabled="true"]{opacity:.4;cursor:not-allowed}
.wc-badge{display:inline-flex;align-items:center;border-radius:999px;padding:var(--wc-s1) var(--wc-s2);font-weight:700;font-size:11px;line-height:1.2;text-transform:uppercase;border:1px solid}
.wc-badge.or{color:var(--wc-gold);background:rgba(230,187,95,.12);border-color:rgba(230,187,95,.45)}
.wc-badge.ok{color:var(--wc-ok);background:rgba(60,221,155,.12);border-color:rgba(60,221,155,.45)}
.wc-badge.in{color:var(--wc-info);background:rgba(93,157,247,.12);border-color:rgba(93,157,247,.45)}
.wc-badge.ko{color:var(--wc-ko);background:rgba(242,106,106,.12);border-color:rgba(242,106,106,.45)}
.wc-badge.gr{color:var(--wc-text2);background:rgba(184,193,201,.12);border-color:rgba(184,193,201,.45)}
.wc-scroll{overflow-x:auto}
.wc table{width:100%;border-collapse:collapse;min-width:560px}
.wc th{background:var(--wc-surface2);font-family:'Manrope',sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-gold);text-align:left;padding:var(--wc-s3);white-space:nowrap}
.wc td{padding:var(--wc-s3);border-bottom:1px solid var(--wc-sep);font-size:12px;color:var(--wc-text);vertical-align:middle}
.wc td.sec{color:var(--wc-text2)}
.wc-field{display:flex;flex-direction:column;gap:var(--wc-s1)}
.wc-field label{font-size:12px;font-weight:600;color:var(--wc-text2)}
.wc-input{width:100%;background:var(--wc-surface2);border:1px solid var(--wc-border);border-radius:var(--wc-r2);padding:var(--wc-s3);color:var(--wc-text);font-family:'DM Sans',sans-serif;font-size:14px}
.wc-input:focus{border-color:var(--wc-gold);box-shadow:0 0 0 3px rgba(230,187,95,.25);outline:0}
.wc-input.err{border-color:var(--wc-ko)}
.wc-msg{font-size:12px;color:var(--wc-text2);min-height:18px}
.wc-msg.err{color:var(--wc-ko)}
.wc-msg.ok{color:var(--wc-ok)}
.wc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--wc-s4)}
.wc-actions{display:flex;flex-wrap:wrap;gap:var(--wc-s3);align-items:center}

.wc-list{display:flex;flex-direction:column}
.wc-member{display:flex;flex-direction:column;gap:var(--wc-s3);padding:var(--wc-s4) 0;border-bottom:1px solid var(--wc-sep)}
.wc-member:last-child{border-bottom:0}
.wc-member-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wc-s3) var(--wc-s5)}
.wc-member-name{flex:1 1 200px;font-weight:600;font-size:14px;color:var(--wc-text)}
.wc-member-fns{display:flex;flex-wrap:wrap;gap:var(--wc-s2);align-items:center;flex:2 1 280px}
.wc-chip{display:inline-flex;align-items:center;gap:var(--wc-s2)}
.wc-input.inline{width:auto;flex:1 1 200px;min-width:160px;max-width:360px}
.wc-colhead{display:flex;flex-wrap:wrap;gap:var(--wc-s3) var(--wc-s5);background:var(--wc-surface2);border-radius:var(--wc-r1);padding:var(--wc-s3);font-family:'Manrope',sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-gold)}
.wc-colhead span:nth-child(1){flex:1 1 200px}.wc-colhead span:nth-child(2){flex:0 0 120px}.wc-colhead span:nth-child(3){flex:2 1 280px}
.wc-member-top .wc-badge.lvl{flex:0 0 120px;justify-content:center}
.wc-search{max-width:360px}
.wc-row{display:flex;align-items:center;gap:var(--wc-s3);width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--wc-sep);padding:var(--wc-s2) var(--wc-s3);color:var(--wc-text);font-family:'DM Sans',sans-serif;font-size:14px;cursor:pointer;min-height:40px}
.wc-row:hover,.wc-row[aria-expanded="true"]{background:var(--wc-surface2)}
.wc-row:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--wc-gold)}
.wc-row-name{flex:1 1 180px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-row-lvl{flex:0 0 120px;display:flex;justify-content:center}
.wc-row-fns{flex:2 1 240px;display:flex;gap:var(--wc-s2);align-items:center;min-width:0;overflow:hidden}
.wc-row-caret{flex:0 0 16px;color:var(--wc-text2);font-size:12px}
.wc-profile{display:flex;flex-direction:column;gap:var(--wc-s3);padding:var(--wc-s3) var(--wc-s4);background:var(--wc-surface2);border-bottom:1px solid var(--wc-sep)}
.wc-profile h3{margin:0;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px}
@media (max-width:760px){.wc-row{flex-wrap:wrap}.wc-row-name{flex:1 1 calc(100% - 40px)}.wc-row-lvl,.wc-row-fns{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;overflow:visible}.wc-row-caret{margin-left:auto}}
.wc-profile .wc-actions{justify-content:flex-start;border:0;margin:0;padding:0}
.wc-profile>*{border:0;margin:0}
.wc-msg:empty{display:none}
.audit-respondent{border:1px solid #3A4146;border-radius:10px;padding:8px 12px;background:#1C2125;margin-bottom:12px}
.audit-campaign{margin:10px 0 14px;padding:10px 14px;border-left:4px solid #E6BB5F}.audit-campaign[data-status="submitted"]{border-left-color:#5D9DF7}.audit-campaign[data-status="closed"]{border-left-color:#3CDD9B}.audit-campaign p{margin:4px 0}
.c360-name-prompt{margin:12px 16px;border-left:4px solid #E6BB5F}.c360-name-prompt label{display:block;margin-bottom:8px}.c360-name-row{display:flex;gap:8px;flex-wrap:wrap}.c360-name-row input{flex:1 1 220px;min-width:0}
.audit-respondent p{margin:4px 0;color:#B8C1C9;font-size:12px}
.audit-respondent strong{color:#F5F6F8}

.wc-tabs{display:flex;flex-wrap:wrap;gap:var(--wc-s2)}
.wc-tab{display:inline-flex;align-items:center;gap:var(--wc-s2);background:var(--wc-surface2);color:var(--wc-text2);border:1px solid var(--wc-border);border-radius:var(--wc-r2);padding:var(--wc-s2) var(--wc-s3);font-family:'DM Sans',sans-serif;font-weight:600;font-size:12px;cursor:pointer}
.wc-tab[aria-selected="true"]{color:var(--wc-gold);border-color:var(--wc-gold);background:rgba(230,187,95,.12)}
.wc-tab:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(230,187,95,.25)}
.wc-tabn{font-size:11px;color:var(--wc-text2)}
.wc textarea.wc-input{resize:vertical;font-family:'DM Sans',sans-serif}

.wc-tabs{gap:0;background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--wc-r3);padding:var(--wc-s1)}
.wc-tabs .wc-tab{flex:1 1 140px;justify-content:center;border:0;background:transparent;border-radius:var(--wc-r2)}
.wc-tabs .wc-tab[aria-selected="true"]{border:1px solid var(--wc-gold)}
.wc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--wc-s4)}
.wc-kpi{display:flex;align-items:center;gap:var(--wc-s4);background:linear-gradient(145deg,#1E2326,#131719);border:1px solid var(--wc-border);border-radius:var(--wc-r3);padding:var(--wc-s4)}
.wc-kpi b{display:block;font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;line-height:1.1;color:var(--wc-text)}
.wc-kpi span{display:block;font-size:14px;color:var(--wc-text)}
.wc-kpi small{display:block;font-size:11px;color:var(--wc-text2)}
.wc-ring{width:56px;height:56px;flex:0 0 56px}
.wc-ring circle{fill:none;stroke-width:3.5}
.wc-ring .bg{stroke:var(--wc-sep)}
.wc-ring .fg{stroke-linecap:round}
.wc-ring.or .fg{stroke:var(--wc-gold)}.wc-ring.in .fg{stroke:var(--wc-info)}.wc-ring.ok .fg{stroke:var(--wc-ok)}.wc-ring.ko .fg{stroke:var(--wc-ko)}
.wc-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--wc-s4)}
.wc-bars{display:flex;flex-direction:column;gap:var(--wc-s3)}
.wc-barrow{display:flex;align-items:center;gap:var(--wc-s3)}
.wc-barlabel{flex:0 0 140px;font-size:12px;color:var(--wc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-bartrack{flex:1 1 auto;display:flex;height:12px;background:var(--wc-surface2);border-radius:var(--wc-r1);overflow:hidden}
.wc-bartrack i{display:block;height:100%}
.wc-bartrack i.ok{background:var(--wc-ok)}.wc-bartrack i.in{background:var(--wc-info)}.wc-bartrack i.gr{background:var(--wc-text2)}
.wc-barn{flex:0 0 24px;text-align:right;font-size:12px;color:var(--wc-text2)}
.wc-alert{display:flex;align-items:center;gap:var(--wc-s3);width:100%;text-align:left;background:var(--wc-surface2);border:1px solid var(--wc-border);border-radius:var(--wc-r2);padding:var(--wc-s3);margin-bottom:var(--wc-s2);color:var(--wc-text);font-family:'DM Sans',sans-serif;cursor:pointer}
div.wc-alert{cursor:default}
.wc-alert:hover{border-color:var(--wc-gold)}
.wc-alertt{flex:1 1 auto;min-width:0}
.wc-alertt strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-alertt small{display:block;font-size:11px;color:var(--wc-text2)}
.wc-dot{flex:0 0 12px;height:12px;border-radius:50%;background:var(--wc-text2)}
.wc-dot.ko{background:var(--wc-ko)}.wc-dot.or{background:var(--wc-gold)}.wc-dot.ok{background:var(--wc-ok)}.wc-dot.in{background:var(--wc-info)}
.wc-date{flex:0 0 auto;font-family:'Manrope',sans-serif;font-weight:700;font-size:12px;color:var(--wc-gold)}
.mobile-menu-btn{display:none}
@media (max-width:750px){.side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}.side-head .logo{margin:0;padding:0;flex:0 0 72px;min-height:0}.side-head .logo img{width:72px;height:52px;max-width:none;max-height:none}.mobile-menu-btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #3A4146;border-radius:10px;background:#1C2125;color:#F5F6F8;font-size:16px}.sidebar:not(.nav-open) .nav{display:none}.sidebar{padding-bottom:8px}}
.wc-gap{align-items:center}.wc-gap .wc-btn{flex:0 0 auto}@media (max-width:750px){.wc-gap{flex-wrap:wrap}.wc-gap .wc-btn,.wc-gap .wc-badge{margin-left:22px}}
.wc-input[multiple]{min-height:150px}
.c360-reeval{color:#5D9DF7;font-weight:700;margin-left:6px;white-space:nowrap}.c360-reeval-banner{border-left:4px solid #5D9DF7}
.wc-score{white-space:nowrap;color:#FFDC8F;margin-right:8px}
.gantt .fill.late{background:#F26A6A}.calendar .today{outline:2px solid #E6BB5F;outline-offset:-2px}.ab-row{align-items:center}.ab-row select{max-width:150px}@media (max-width:750px){.ab-row{flex-wrap:wrap}.ab-row select,.ab-row .wc-btn{margin-left:22px}}
.ab-row{flex-wrap:wrap}.ev-line{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#B8C1C9;padding-left:22px}.ev-line a{color:#FFDC8F}.ev-none{color:#F26A6A}
.ev-panel,.ev-form{border:1px solid #3A4146;border-radius:10px;padding:12px 14px;margin:6px 0 10px 22px;display:grid;gap:8px}.ev-panel h4{margin:6px 0 0}
.ev-checks{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.ev-checks label{display:inline-flex;gap:6px;align-items:center}
.ev-docs .ev-doc{border-top:1px solid #3A4146;padding:12px 0;display:grid;gap:6px}.ev-doc-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.ev-doc-head a{color:#FFDC8F}
.ev-trace,.ev-ch{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px}.ev-ch{border-left:3px solid #E6BB5F;padding-left:8px}.ev-ch.ev-redo{border-left-color:#F26A6A}.ev-ch.ev-maintained{border-left-color:#3CDD9B}
.wc-link{background:none;border:0;color:#FFDC8F;text-decoration:underline;cursor:pointer;padding:0;font:inherit}