/* BIG BRO LE POOL — Styles communs des tableaux et du menu Semaines.
   Modifier avec précaution : ces règles sont partagées par plusieurs pages. */

/* V8.5 : en-têtes diagonaux cohérents, police Rajdhani et aucun espace coloré superflu */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');
.recap-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:0;table-layout:fixed;font-family:'Rajdhani','Arial Narrow',Arial,sans-serif;font-size:16px}
.recap-table thead tr{background:transparent}
.recap-table thead th.recap-name-heading{position:sticky;left:0;z-index:5;box-sizing:border-box;width:190px;min-width:190px;max-width:190px;height:115px;background:transparent!important;border:0!important;padding:0!important}
.recap-table thead th.recap-angled{position:relative;box-sizing:border-box;height:115px;width:49px;min-width:49px;max-width:49px;padding:0!important;vertical-align:bottom;white-space:nowrap;overflow:visible;border:0!important;background:transparent!important;isolation:isolate}
/* Chaque bande est un parallélogramme; les séparateurs ont tous le même angle. */
.recap-table thead th.recap-angled::before{content:"";position:absolute;inset:0 -1px 0 -23px;background:#155377;clip-path:polygon(23px 0,100% 0,calc(100% - 23px) 100%,0 100%);z-index:-1}
.recap-table thead th.recap-angled::after{content:"";position:absolute;left:0;bottom:0;width:1px;height:125px;background:#5b9bbd;transform-origin:bottom center;transform:rotate(11.3deg);opacity:.72}
/* Même centrage et même angle pour toutes les semaines et la Finale. */
.recap-table thead th.recap-angled > span{position:absolute;left:50%;bottom:51px;display:block;width:104px;text-align:center;transform:translate(-50%,50%) rotate(-66deg);transform-origin:center center;font-family:'Rajdhani','Arial Narrow',Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.15px;line-height:1.1;color:#f3fcff;text-shadow:0 1px 3px #062137;white-space:nowrap}
.recap-table tbody td:not(.recap-name){box-sizing:border-box;width:49px;min-width:49px;max-width:49px;padding:9px 3px;text-align:center;font-size:15px;font-weight:700}
.recap-table tbody td.recap-name{box-sizing:border-box;width:190px;min-width:190px;max-width:190px;position:sticky;left:0;z-index:2;text-align:left;padding:9px 8px;font-size:16px;font-weight:700;line-height:1.15}
.recap-scroll{overflow-x:auto;overflow-y:visible}
@media(max-width:700px){.recap-table thead th.recap-name-heading,.recap-table tbody td.recap-name{width:145px;min-width:145px;max-width:145px;font-size:15px}}

/* V8.6 — tableau plus large, centré et aéré. Les cellules et couleurs Excel ne changent pas. */
.recap-section{margin-top:20px}
.recap-section>.recap-scroll{padding:24px 20px 20px;max-width:100%;overflow-x:auto;overflow-y:visible;border-radius:10px;text-align:center}
.recap-table{--recap-col:69px;--recap-name:210px;--recap-head:135px;display:table;width:max-content!important;min-width:0!important;margin:0 auto 2px!important;table-layout:fixed;border-spacing:0;text-align:left;font-family:'Rajdhani','Arial Narrow',Arial,sans-serif}
.recap-table thead th.recap-name-heading{width:var(--recap-name)!important;min-width:var(--recap-name)!important;max-width:var(--recap-name)!important;height:var(--recap-head)!important}
.recap-table tbody td.recap-name{width:var(--recap-name)!important;min-width:var(--recap-name)!important;max-width:var(--recap-name)!important;font-size:17px}
.recap-table thead th.recap-angled{height:var(--recap-head)!important;width:var(--recap-col)!important;min-width:var(--recap-col)!important;max-width:var(--recap-col)!important}
.recap-table tbody td:not(.recap-name){width:var(--recap-col)!important;min-width:var(--recap-col)!important;max-width:var(--recap-col)!important;font-size:16px}
/* Pentes cohérentes avec les bandes élargies, et libellés centrés dans chaque bande. */
.recap-table thead th.recap-angled::before{inset:0 -27px 0 0!important;clip-path:polygon(27px 0,100% 0,calc(100% - 27px) 100%,0 100%)!important}
/* Les séparations prolongent exactement les lignes verticales du corps du tableau.
   Leur inclinaison suit le parallélogramme, même en affichage mobile. */
.recap-table thead th.recap-angled::after{left:0!important;top:0!important;bottom:auto!important;width:27px!important;height:100%!important;background:#173b56!important;clip-path:polygon(26px 0,27px 0,1px 100%,0 100%)!important;transform:none!important;opacity:1!important;z-index:1!important;pointer-events:none}
.recap-table thead th.recap-angled>span{left:calc(50% + 13.5px)!important;top:50%!important;bottom:auto!important;width:116px!important;transform:translate(-50%,-50%) rotate(-78.7deg)!important;font-size:16px!important;letter-spacing:.2px}
@media(max-width:900px){.recap-section>.recap-scroll{padding:18px 16px}.recap-table{--recap-col:58px;--recap-name:175px;--recap-head:122px}.recap-table thead th.recap-angled>span{font-size:15px!important}}
@media(max-width:600px){.recap-section>.recap-scroll{padding:14px 12px}.recap-table{--recap-col:51px;--recap-name:145px;--recap-head:118px}.recap-table tbody td.recap-name{font-size:15px}.recap-table thead th.recap-angled>span{font-size:14px!important}}

/* Bordure finale après la colonne Finale */
.recap-table thead th.recap-angled:last-child::before{border-right:1px solid #173b56!important}
.recap-table thead th.recap-angled:last-child{border-right:1px solid #173b56!important}


/* V10.2 — Zone hebdomadaire en deux parties : Jour à jour et Tableau spécial.
   FACILE À MODIFIER : proportions 46% / 54% ci-dessous.
   La grille spéciale reprend le contenu du cadre gras Excel N46:U64. */
.week-info-columns{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:18px;align-items:start;margin-top:22px}
.week-info-columns .week-daily,.week-info-columns .week-special{min-width:0;margin:0}
.week-special h2{font-family:'Rajdhani',sans-serif;font-size:27px;font-weight:700;margin:0 0 15px}
.special-scroll{overflow-x:auto;border:1px solid #416078;border-radius:10px;background:#0b2943}
.special-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#e9f4fc;font-size:13px}
.special-table .special-name{width:35%}.special-table .special-count{width:15%}.special-table .special-used{width:12%}.special-table .special-advantage{width:38%}
.special-table th,.special-table td{border:1px solid #45667f;padding:8px 7px;overflow-wrap:anywhere;vertical-align:middle}
.special-table thead th{background:#174564;color:#fff;text-align:center;font-weight:700}
.special-table thead .special-title{background:#0b2943;font-size:17px;letter-spacing:.05em;padding:12px}
.special-table tbody tr:nth-child(odd){background:#123550}.special-table tbody tr:nth-child(even){background:#0d2c45}
.special-table tbody td:not(:first-child){text-align:center}.special-table tbody td:last-child{text-align:left}
@media(max-width:900px){.week-info-columns{grid-template-columns:1fr}}

/* V10.3 : double soulignement comme dans Excel pour le mot « Utilisés » et les avantages marqués utilisés. */
.special-double-underline{text-decoration-line:underline;text-decoration-style:double;text-underline-offset:3px;text-decoration-thickness:1px}

/* V20.7.3 — tableau CLÉS hebdomadaire : trois colonnes occupant toute la largeur. */
.week-special .special-table{width:100%;table-layout:fixed}
.week-special .special-table .special-name{width:35%}
.week-special .special-table .special-count{width:15%}
.week-special .special-table .special-advantage{width:50%}

/* V20.7.6 — Rétrécir le cadre CLÉS complet pour ménager une marge extérieure droite, symétrique au Jour à jour. */
.week-info-columns .week-special{margin-right:14px}
@media(max-width:900px){.week-info-columns .week-special{margin-right:0}}