/* =====================================================================
   Réserve citoyenne — écrans de la solution
   Dessinés selon les conventions de chaque plateforme, sans l'habillage de mySIS :
   - poste CODIS : application web de bureau, grille nominale de 900 px (--u) ;
   - iPhone 15 (393 × 852 pt, --pt) et iPad paysage (1180 × 820 pt), iOS 18 ;
   - Pixel 8 (412 × 915 dp, --dp), Android 15 / Material 3.
   Chaque écran est un conteneur : une unité vaut 1/393, 1/412 ou 1/1180 de sa
   largeur, les mesures suivent donc les guides d'Apple et de Google à toute taille.
   Palette neutre, une couleur d'accent, aucun dégradé ni halo décoratif.
   ===================================================================== */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-variable.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/roboto-latin-wght.woff2") format("woff2"); }

.rc {
  --rc-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;
  --rc-tint: #d92d20;
}
/* Le site colore tout <b> : dans les écrans, le gras garde la couleur de son contexte */
.rc-codis b, .rc-tel b, .rc-pad b { color: inherit; }
.rc-svg { display: block; flex: none; }

/* =====================================================================
   Mise en page de la page
   ===================================================================== */
.rc-heros .pastilles { margin-top: 28px; }
.rc-heros__visuel { position: relative; max-width: 520px; width: 100%; margin-left: auto; aspect-ratio: 1 / 1.1; }
.rc-heros__visuel .hv__forme--marine { width: 86%; right: -6%; top: 4%; }
.rc-heros__visuel .rc-tel { position: absolute; left: 20%; top: 0; width: 47%; z-index: 1; }
.rc-heros__visuel .hv-carte--a { top: 10%; right: -6%; left: auto; }
.rc-heros__visuel .hv-carte--b { left: -4%; bottom: 14%; }
.rc-heros__visuel .hv-carte--c { right: 2%; bottom: 3%; }
@media (max-width: 560px) {
  .rc-heros__visuel { aspect-ratio: 1 / 1.3; }
  .rc-heros__visuel .rc-tel { left: 22%; width: 56%; }
}

.rc-demo { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(24px, 3vw, 44px); align-items: center; }
.rc-demo__tels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); align-items: end; }
.rc-demo__tel { display: grid; gap: 14px; justify-items: center; margin: 0; }
.rc-demo__tel figcaption { color: var(--texte); font-size: 0.88rem; text-align: center; }
.rc-demo__tel figcaption b { color: var(--encre); font-weight: 650; }
.rc-demo__aide { margin: 20px 0 0; display: flex; align-items: flex-start; gap: 10px; color: var(--texte); font-size: 0.92rem; }
.rc-demo__aide svg { width: 18px; height: 18px; margin-top: 2px; color: var(--rouge); flex: none; }
@media (max-width: 1100px) { .rc-demo { grid-template-columns: minmax(0, 1fr); } .rc-demo__tels { max-width: 580px; margin-inline: auto; width: 100%; } }

.rc-onglets { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; border-radius: 999px; background: var(--sable-200); }
.rc-onglets button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px; border: 0; border-radius: 999px; background: none; color: var(--texte-fort); font: inherit; font-size: 0.95rem; font-weight: 600; cursor: pointer; }
.rc-onglets button svg { width: 18px; height: 18px; }
.rc-onglets button[aria-selected="true"] { background: #fff; color: var(--encre); box-shadow: 0 1px 2px rgba(30, 34, 41, 0.06), 0 6px 16px -8px rgba(30, 34, 41, 0.25); }
.rc-panneau { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 72px); align-items: center; margin-top: 36px; }
.rc-panneau[hidden] { display: none; }
.rc-panneau__visuel { display: flex; justify-content: center; }
.rc-panneau__visuel .rc-tel { max-width: 300px; }
.rc-panneau h3 { font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.9rem); }
@media (max-width: 900px) { .rc-panneau { grid-template-columns: minmax(0, 1fr); } .rc-panneau__visuel { order: -1; } }

.rc-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.rc-mode { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding: clamp(28px, 3.5vw, 44px); border-radius: var(--r-xl); background: #fff; border: 1px solid var(--ligne); }
.rc-mode--rapide { background: var(--encre); border-color: var(--encre); color: #c7c8ca; }
.rc-mode--rapide h3 { color: #fff; }
.rc-mode__surtitre { margin: 0; display: inline-flex; align-items: center; gap: 8px; color: var(--rouge-texte); font-size: 0.82rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.rc-mode--rapide .rc-mode__surtitre { color: #ff8f88; }
.rc-mode__surtitre svg { width: 18px; height: 18px; }
.rc-mode h3 { margin: 0; font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.85rem); }
.rc-mode p { margin: 0; }
.rc-frise { list-style: none; margin: 10px 0 0; padding: 0; }
.rc-frise li { position: relative; display: grid; grid-template-columns: 76px 1fr; gap: 14px; margin: 0; padding: 0 0 18px; }
.rc-frise li::before { content: ""; position: absolute; left: 82px; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--rouge); }
.rc-frise li:not(:last-child)::after { content: ""; position: absolute; left: 86px; top: 20px; bottom: 0; width: 1.5px; background: var(--ligne-forte); }
.rc-mode--rapide .rc-frise li:not(:last-child)::after { background: rgba(255, 255, 255, 0.18); }
.rc-frise b { color: var(--encre); font-variant-numeric: tabular-nums; }
.rc-mode--rapide .rc-frise b { color: #fff; }
.rc-frise span { padding-left: 14px; }
@media (max-width: 900px) { .rc-modes { grid-template-columns: minmax(0, 1fr); } }

/* Icône de l'application */
.rc-icone { display: inline-flex; align-items: center; justify-content: center; flex: none; background: var(--rc-tint); color: #fff; }
.rc-icone .rc-svg { width: 62%; height: 62%; stroke-width: 2; }

/* =====================================================================
   Poste CODIS
   ===================================================================== */
.rc-ecran { container-type: inline-size; width: 100%; border-radius: 12px; overflow: hidden; background: #fff; border: 1px solid #d0d5dd; box-shadow: 0 32px 64px -32px rgba(16, 24, 40, 0.28), 0 2px 4px rgba(16, 24, 40, 0.04); }
.rc-ecran__barre { display: flex; align-items: center; gap: 6px; height: 22px; padding: 0 10px; background: #f2f4f7; border-bottom: 1px solid #e4e7ec; }
.rc-ecran__barre i { width: 8px; height: 8px; border-radius: 50%; background: #d0d5dd; }
.rc-codis { --u: calc(100cqw / 900); font-family: "Inter", system-ui, sans-serif; font-size: calc(13 * var(--u)); line-height: 1.45; color: #101828; background: #f9fafb; font-feature-settings: "cv11", "ss01"; }
.rc-codis__barre { display: flex; align-items: center; gap: calc(10 * var(--u)); height: calc(52 * var(--u)); padding: 0 calc(16 * var(--u)); background: #fff; border-bottom: 1px solid #eaecf0; }
.rc-codis__barre .rc-icone { width: calc(26 * var(--u)); height: calc(26 * var(--u)); border-radius: calc(7 * var(--u)); }
.rc-codis__barre > b { font-size: calc(14 * var(--u)); font-weight: 600; }
.rc-codis__poste { padding: calc(2 * var(--u)) calc(8 * var(--u)); border-radius: calc(6 * var(--u)); background: #f2f4f7; color: #475467; font-size: calc(12 * var(--u)); font-weight: 500; }
.rc-codis__recherche { display: flex; align-items: center; gap: calc(8 * var(--u)); width: calc(300 * var(--u)); height: calc(34 * var(--u)); margin-left: auto; padding: 0 calc(12 * var(--u)); border: 1px solid #d0d5dd; border-radius: calc(8 * var(--u)); color: #667085; font-size: calc(13 * var(--u)); box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); }
.rc-codis__recherche .rc-svg { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
.rc-codis__ico { display: inline-flex; align-items: center; justify-content: center; width: calc(34 * var(--u)); height: calc(34 * var(--u)); border-radius: calc(8 * var(--u)); color: #475467; }
.rc-codis__ico .rc-svg { width: calc(19 * var(--u)); height: calc(19 * var(--u)); }
.rc-codis__moi { display: flex; align-items: center; gap: calc(9 * var(--u)); font-size: calc(13 * var(--u)); font-weight: 600; color: #344054; line-height: 1.25; }
.rc-codis__moi i { display: inline-flex; align-items: center; justify-content: center; width: calc(32 * var(--u)); height: calc(32 * var(--u)); border-radius: 50%; background: #f2f4f7; color: #475467; font-style: normal; font-size: calc(12 * var(--u)); }
.rc-codis__moi small { display: block; color: #667085; font-weight: 400; font-size: calc(12 * var(--u)); }
.rc-codis__cadre { display: grid; grid-template-columns: calc(60 * var(--u)) minmax(0, 1fr); }
.rc-rail { display: flex; flex-direction: column; align-items: center; gap: calc(4 * var(--u)); padding: calc(14 * var(--u)) 0; background: #fff; border-right: 1px solid #eaecf0; }
.rc-rail__it { display: inline-flex; align-items: center; justify-content: center; width: calc(40 * var(--u)); height: calc(40 * var(--u)); border-radius: calc(8 * var(--u)); color: #667085; }
.rc-rail__it .rc-svg { width: calc(20 * var(--u)); height: calc(20 * var(--u)); }
.rc-rail__it.on { background: #fef3f2; color: var(--rc-tint); }
.rc-codis__page { padding: calc(18 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u)); min-width: 0; }
.rc-fil { margin: 0; color: #667085; font-size: calc(12.5 * var(--u)); }
.rc-fil span { margin: 0 calc(6 * var(--u)); color: #d0d5dd; }
.rc-titre { display: flex; justify-content: space-between; align-items: flex-end; gap: calc(16 * var(--u)); margin: calc(6 * var(--u)) 0 calc(18 * var(--u)); }
.rc-titre h4 { margin: 0 0 calc(6 * var(--u)); color: #101828; font-size: calc(20 * var(--u)); font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
.rc-titre p { display: flex; flex-wrap: wrap; align-items: center; gap: calc(8 * var(--u)); margin: 0; }
.rc-titre__actions { display: flex; gap: calc(8 * var(--u)); flex: none; }
.rc-tag { padding: calc(1 * var(--u)) calc(7 * var(--u)); border: 1px solid #fecdca; border-radius: calc(6 * var(--u)); background: #fef3f2; color: #b42318; font-size: calc(12 * var(--u)); font-weight: 500; }
.rc-etat { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(1 * var(--u)) calc(8 * var(--u)) calc(1 * var(--u)) calc(6 * var(--u)); border: 1px solid #eaecf0; border-radius: 999px; background: #f9fafb; color: #344054; font-size: calc(12 * var(--u)); font-weight: 500; }
.rc-etat::before { content: ""; width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: #98a2b3; }
.rc-etat--cours { border-color: #fecdca; background: #fef3f2; color: #b42318; }
.rc-etat--cours::before { background: #f04438; }
.rc-etat--ok { border-color: #abefc6; background: #ecfdf3; color: #067647; }
.rc-etat--ok::before { background: #17b26a; }
.rc-meta { color: #475467; font-size: calc(12.5 * var(--u)); }
.rc-bouton { display: inline-flex; align-items: center; gap: calc(6 * var(--u)); height: calc(36 * var(--u)); padding: 0 calc(14 * var(--u)); border: 1px solid #d0d5dd; border-radius: calc(8 * var(--u)); background: #fff; color: #344054; font: inherit; font-size: calc(13 * var(--u)); font-weight: 600; white-space: nowrap; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); transition: background 0.15s, border-color 0.15s; }
.rc-bouton .rc-svg { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
.rc-bouton:hover { background: #f9fafb; }
.rc-bouton--principal { border-color: #d92d20; background: #d92d20; color: #fff; }
.rc-bouton--principal:hover { border-color: #b42318; background: #b42318; }
.rc-bouton[disabled] { border-color: #eaecf0; background: #f2f4f7; color: #98a2b3; box-shadow: none; cursor: default; }
.rc-bouton[hidden] { display: none; }
.rc-kpi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(0, 1.7fr); border: 1px solid #eaecf0; border-radius: calc(10 * var(--u)); background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); }
.rc-kpi > div { display: flex; flex-direction: column; gap: calc(4 * var(--u)); padding: calc(12 * var(--u)) calc(14 * var(--u)); min-width: 0; }
.rc-kpi > div + div { border-left: 1px solid #eaecf0; }
.rc-kpi span { display: flex; align-items: center; gap: calc(6 * var(--u)); color: #475467; font-size: calc(12 * var(--u)); font-weight: 500; white-space: nowrap; }
.rc-kpi b { color: #101828; font-size: calc(22 * var(--u)); font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.rc-kpi b span { display: inline; }
.rc-kpi b small { color: #667085; font-size: calc(14 * var(--u)); font-weight: 500; }
.rc-kpi b.change { animation: rc-change 0.6s ease-out; }
@keyframes rc-change { 0% { color: #d92d20; } 100% { color: #101828; } }
.rc-p { width: calc(8 * var(--u)); height: calc(8 * var(--u)); border-radius: 50%; background: #98a2b3; flex: none; }
.rc-p--dispo { background: #17b26a; }
.rc-p--tard { background: #f79009; }
.rc-p--indispo { background: #f04438; }
.rc-barre { display: block; height: calc(6 * var(--u)); margin-top: calc(2 * var(--u)); border-radius: 999px; background: #f2f4f7; overflow: hidden; }
.rc-barre i { display: block; height: 100%; width: 0; border-radius: inherit; background: #17b26a; transition: width 0.5s ease-out; }
.rc-codis__grille { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: calc(16 * var(--u)); margin-top: calc(16 * var(--u)); align-items: start; }
.rc-bloc { padding: 0; border: 1px solid #eaecf0; border-radius: calc(10 * var(--u)); background: #fff; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); }
.rc-bloc > header { display: flex; align-items: center; justify-content: space-between; gap: calc(10 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)); border-bottom: 1px solid #eaecf0; }
.rc-bloc > header b { font-size: calc(14 * var(--u)); font-weight: 600; }
.rc-bloc > header > span { color: #667085; font-size: calc(12.5 * var(--u)); }
.rc-seg { display: inline-flex; border: 1px solid #d0d5dd; border-radius: calc(8 * var(--u)); overflow: hidden; }
.rc-seg span { padding: calc(4 * var(--u)) calc(10 * var(--u)); color: #344054; font-size: calc(12 * var(--u)); font-weight: 500; }
.rc-seg span + span { border-left: 1px solid #d0d5dd; }
.rc-seg .on { background: #f9fafb; color: #182230; font-weight: 600; }
.rc-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.rc-table th { padding: calc(8 * var(--u)) calc(16 * var(--u)); background: #f9fafb; border-bottom: 1px solid #eaecf0; color: #475467; font-size: calc(12 * var(--u)); font-weight: 500; text-align: left; }
.rc-table th:nth-child(1) { width: 33%; }
.rc-table th:nth-child(2) { width: 23%; }
.rc-table th:nth-child(4) { width: 12%; }
.rc-table td { padding: calc(9 * var(--u)) calc(16 * var(--u)); border-bottom: 1px solid #f2f4f7; vertical-align: middle; }
.rc-table tbody tr:nth-child(n+9) { display: none; }
.rc-table td:first-child { display: flex; align-items: center; gap: calc(10 * var(--u)); }
.rc-av { display: inline-flex; align-items: center; justify-content: center; flex: none; width: calc(28 * var(--u)); height: calc(28 * var(--u)); border-radius: 50%; background: #f2f4f7; color: #475467; font-size: calc(12 * var(--u)); font-weight: 600; }
.rc-nom { min-width: 0; line-height: 1.3; }
.rc-nom b { display: block; color: #101828; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-nom small { display: block; color: #667085; font-size: calc(12 * var(--u)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-pastille { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); padding: calc(1 * var(--u)) calc(8 * var(--u)) calc(1 * var(--u)) calc(6 * var(--u)); border: 1px solid; border-radius: 999px; font-size: calc(12 * var(--u)); font-weight: 500; white-space: nowrap; }
.rc-pastille::before { content: ""; width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: currentColor; opacity: 0.85; }
.rc-pastille--dispo { border-color: #abefc6; background: #ecfdf3; color: #067647; }
.rc-pastille--tard { border-color: #fedf89; background: #fffaeb; color: #b54708; }
.rc-pastille--indispo { border-color: #fecdca; background: #fef3f2; color: #b42318; }
.rc-mat { color: #475467; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-h { color: #667085; font-variant-numeric: tabular-nums; }
.rc-r.nouvelle td { animation: rc-ligne 2.2s ease-out; }
@keyframes rc-ligne { 0%, 30% { background: #fffaeb; } 100% { background: transparent; } }
.rc-vide td { padding: calc(30 * var(--u)) calc(16 * var(--u)); color: #667085; text-align: center; display: table-cell !important; }
.rc-vide .rc-svg { display: inline-block; width: calc(18 * var(--u)); height: calc(18 * var(--u)); margin-right: calc(6 * var(--u)); vertical-align: calc(-4 * var(--u)); }
.rc-bloc--carte .rc-carte { display: block; width: 100%; height: auto; }
.rc-details { margin: 0; padding: calc(10 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)); display: grid; gap: calc(6 * var(--u)); border-top: 1px solid #eaecf0; }
.rc-details div { display: flex; justify-content: space-between; gap: calc(12 * var(--u)); }
.rc-details dt { color: #667085; font-size: calc(12.5 * var(--u)); }
.rc-details dd { margin: 0; color: #101828; font-size: calc(12.5 * var(--u)); font-weight: 500; text-align: right; }

/* Fond de carte */
.k-sol { fill: #f2efe9; }
.k-champ { stroke: #e2ddcf; stroke-width: 0.8; }
.k-champ--0 { fill: #eceed8; }
.k-champ--1 { fill: #e7ebd1; }
.k-champ--2 { fill: #f0ecdb; }
.k-bois { fill: #d3e4c1; }
.k-eau-ligne { fill: none; stroke: #aad3df; stroke-width: 6; stroke-linecap: round; }
.k-eau { fill: #aad3df; }
.k-bati-zone { fill: #e4ded5; }
.k-bati { fill: #d2c9be; }
.k-r1, .k-r2, .k-r3 { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.k-r1 { stroke: #fbdc8c; stroke-width: 6; }
.k-r1.k-env { stroke: #d5a647; stroke-width: 8; }
.k-r2 { stroke: #fff; stroke-width: 5; }
.k-r2.k-env { stroke: #cdc3b3; stroke-width: 7; }
.k-r3 { stroke: #fff; stroke-width: 3.2; }
.k-r3.k-env { stroke: #d6cdbd; stroke-width: 4.8; }
.k-cartouche rect { fill: #fff; stroke: #c99a3c; stroke-width: 1; }
.k-cartouche text { fill: #6b4f12; font: 700 7px "Inter", sans-serif; }
.k-nom { fill: #333; font: 600 9px "Inter", sans-serif; paint-order: stroke; stroke: #f2efe9; stroke-width: 3; stroke-linejoin: round; }
.k-nom--petit { fill: #3f7f99; font-size: 7px; font-style: italic; }
.k-rayon { fill: rgba(217, 45, 32, 0.05); stroke: #d92d20; stroke-width: 1; stroke-dasharray: 4 3; }
.k-rayon-txt { fill: #b42318; font: 600 7.5px "Inter", sans-serif; paint-order: stroke; stroke: #fff; stroke-width: 3; }
.k-res { fill: #98a2b3; stroke: #fff; stroke-width: 1.6; transition: fill 0.3s; }
.k-res--muet { fill: #98a2b3; stroke: none; opacity: 0.5; }
.k-res--dispo { fill: #17b26a; }
.k-res--tard { fill: #f79009; }
.k-res--indispo { fill: #f04438; }
.k-res.vient-de-repondre { animation: k-pop 0.5s ease-out; }
@keyframes k-pop { 0% { r: 8; } 100% { r: 5; } }
.k-pin path { fill: #d92d20; stroke: #fff; stroke-width: 1.5; }
.k-pin circle { fill: #fff; }
.k-pin { filter: drop-shadow(0 1px 1.5px rgba(16, 24, 40, 0.35)); }
.k-zoom rect { fill: #fff; stroke: #d0d5dd; }
.k-zoom path { stroke: #344054; stroke-width: 1.4; stroke-linecap: round; fill: none; }
.k-zoom .k-zoom-sep { stroke: #d0d5dd; stroke-width: 1; }
.k-echelle path { fill: none; stroke: #344054; stroke-width: 1.2; }
.k-echelle text { fill: #344054; font: 500 7px "Inter", sans-serif; }

/* Poste CODIS sur un écran étroit : une colonne, indicateurs sur deux lignes */
@container (max-width: 640px) {
  .rc-codis { --u: calc(100cqw / 480); }
  .rc-codis__cadre { grid-template-columns: minmax(0, 1fr); }
  .rc-rail, .rc-codis__recherche, .rc-codis__moi span, .rc-codis__poste { display: none; }
  .rc-codis__ico { margin-left: auto; }
  .rc-titre { flex-direction: column; align-items: flex-start; }
  .rc-kpi { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .rc-kpi > div { padding: calc(10 * var(--u)) calc(8 * var(--u)); }
  .rc-kpi span { font-size: calc(10.5 * var(--u)); }
  .rc-kpi .rc-p { display: none; }
  .rc-kpi__objectif { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid #eaecf0; }
  .rc-codis__grille { grid-template-columns: minmax(0, 1fr); }
  .rc-bloc--carte { order: -1; }
  .rc-seg { display: none; }
  .rc-table th:nth-child(3), .rc-table td:nth-child(3) { display: none; }
  .rc-table th:nth-child(1) { width: 52%; }
  .rc-table th:nth-child(2) { width: 30%; }
}

/* =====================================================================
   Téléphones : cadres
   ===================================================================== */
.rc-tel { container-type: inline-size; position: relative; width: 100%; max-width: 280px; padding: 3.4%; border-radius: 14% / 6.6%; background: #1c1c1e; box-shadow: 0 30px 60px -30px rgba(16, 24, 40, 0.55), inset 0 0 0 1.5px #3a3a3c, inset 0 0 0 4px #0b0b0c; }
.rc-tel__ecran { container-type: inline-size; position: relative; overflow: hidden; aspect-ratio: 393 / 852; border-radius: 13.4cqw; --pt: calc(100cqw / 393); }
.rc-tel--android { padding: 2.8%; border-radius: 11% / 5%; background: #202124; box-shadow: 0 30px 60px -30px rgba(16, 24, 40, 0.55), inset 0 0 0 1.5px #3c4043; }
.rc-tel--android .rc-tel__ecran { aspect-ratio: 412 / 915; border-radius: 9.5cqw; --dp: calc(100cqw / 412); }
.rc-tel.vibre { animation: rc-vibre 0.4s linear 2; }
@keyframes rc-vibre { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } }

/* Barres d'état */
.rc-sb { position: absolute; left: 0; right: 0; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; height: calc(54 * var(--pt)); padding: 0 calc(34 * var(--pt)) 0 calc(46 * var(--pt)); color: #fff; font-size: calc(16 * var(--pt)); font-weight: 600; letter-spacing: -0.01em; }
.rc-sb--sombre { color: #000; }
.rc-sb__icones { display: inline-flex; align-items: center; gap: calc(6 * var(--pt)); }
.rc-sb__icones svg { height: calc(11.5 * var(--pt)); width: auto; fill: currentColor; }
.rc-ilot { position: absolute; left: 50%; top: calc(11 * var(--pt)); width: calc(125 * var(--pt)); height: calc(37 * var(--pt)); margin-left: calc(-62.5 * var(--pt)); border-radius: calc(20 * var(--pt)); background: #000; }
.rc-accueil { position: absolute; left: 50%; bottom: calc(8 * var(--pt)); z-index: 6; width: calc(134 * var(--pt)); height: calc(5 * var(--pt)); margin-left: calc(-67 * var(--pt)); border-radius: 99px; background: #fff; }
.rc-accueil--sombre, .rc-tel.est-ouvert .rc-accueil { background: #000; }

/* =====================================================================
   iPhone : écran verrouillé et notification
   ===================================================================== */
.rc-ios { font-family: var(--rc-ui); color: #fff; background: linear-gradient(180deg, #3b4d72 0%, #24304d 42%, #141b2c 100%); line-height: 1.25; -webkit-font-smoothing: antialiased; }
.rc-verrou { position: absolute; left: 0; right: 0; top: calc(58 * var(--pt)); text-align: center; }
.rc-verrou__cadenas { display: inline-flex; color: #fff; }
.rc-verrou__cadenas .rc-svg { width: calc(18 * var(--pt)); height: calc(18 * var(--pt)); stroke-width: 2.2; }
.rc-verrou__date { margin: calc(14 * var(--pt)) 0 0; font-size: calc(20 * var(--pt)); font-weight: 600; opacity: 0.92; }
.rc-verrou__heure { margin: calc(-2 * var(--pt)) 0 0; font-size: calc(94 * var(--pt)); font-weight: 700; line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.rc-in { position: absolute; left: calc(10 * var(--pt)); right: calc(10 * var(--pt)); top: calc(392 * var(--pt)); z-index: 2; display: flex; align-items: flex-start; gap: calc(10 * var(--pt)); padding: calc(13 * var(--pt)) calc(14 * var(--pt)) calc(14 * var(--pt)); border: 0; border-radius: calc(22 * var(--pt)); background: rgba(246, 246, 248, 0.82); -webkit-backdrop-filter: blur(24px) saturate(1.6); backdrop-filter: blur(24px) saturate(1.6); color: #000; font: inherit; text-align: left; cursor: pointer; opacity: 0; transform: translateY(calc(24 * var(--pt))) scale(0.97); pointer-events: none; transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); }
.rc-tel.est-notifie .rc-in { opacity: 1; transform: none; pointer-events: auto; }
.rc-in:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.rc-icone--ios { width: calc(38 * var(--pt)); height: calc(38 * var(--pt)); border-radius: calc(9 * var(--pt)); }
.rc-in__corps { min-width: 0; flex: 1; }
.rc-in__tete { display: flex; align-items: baseline; justify-content: space-between; gap: calc(8 * var(--pt)); }
.rc-in__tete b { font-size: calc(15 * var(--pt)); font-weight: 600; }
.rc-in__tete time { flex: none; color: rgba(60, 60, 67, 0.6); font-size: calc(13 * var(--pt)); }
.rc-in__texte { display: -webkit-box; margin-top: calc(1 * var(--pt)); overflow: hidden; color: #000; font-size: calc(15 * var(--pt)); line-height: 1.3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.rc-verrou__bouton { position: absolute; bottom: calc(40 * var(--pt)); z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: calc(50 * var(--pt)); height: calc(50 * var(--pt)); border-radius: 50%; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); color: #fff; }
.rc-verrou__bouton .rc-svg { width: calc(22 * var(--pt)); height: calc(22 * var(--pt)); stroke-width: 1.9; }
.rc-verrou__bouton--g { left: calc(46 * var(--pt)); }
.rc-verrou__bouton--d { right: calc(46 * var(--pt)); }

/* =====================================================================
   iPhone : application (listes groupées, titre large)
   ===================================================================== */
.rc-ia { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; background: #f2f2f7; color: #000; transform: translateY(100%); transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); }
.rc-tel.est-ouvert .rc-ia, .rc-ia--fixe { transform: none; }
.rc-ia__nav { display: flex; align-items: center; justify-content: space-between; height: calc(44 * var(--pt)); margin-top: calc(54 * var(--pt)); padding: 0 calc(10 * var(--pt)) 0 calc(6 * var(--pt)); }
.rc-ia__retour { display: inline-flex; align-items: center; color: var(--rc-tint); font-size: calc(17 * var(--pt)); }
.rc-ia__retour .rc-svg { width: calc(26 * var(--pt)); height: calc(26 * var(--pt)); stroke-width: 2.6; }
.rc-ia__plus { display: inline-flex; align-items: center; justify-content: center; width: calc(30 * var(--pt)); height: calc(30 * var(--pt)); border-radius: 50%; background: rgba(120, 120, 128, 0.12); color: var(--rc-tint); }
.rc-ia__plus .rc-svg { width: calc(18 * var(--pt)); height: calc(18 * var(--pt)); }
.rc-ia__defile { flex: 1; min-height: 0; overflow: hidden; padding: 0 calc(16 * var(--pt)); }
.rc-ia__sur { margin: calc(2 * var(--pt)) 0 0; color: #8e8e93; font-size: calc(13 * var(--pt)); }
.rc-ia__sur b { color: #ff3b30; font-weight: 600; letter-spacing: 0.02em; }
.rc-ia__titre { margin: 0 0 calc(16 * var(--pt)); color: #000; font-family: var(--rc-ui); font-size: calc(34 * var(--pt)); font-weight: 700; letter-spacing: -0.012em; line-height: 1.2; }
.rc-ia__titre--haut { margin-top: calc(62 * var(--pt)); }
.rc-ia__liste { list-style: none; margin: 0; padding: 0; border-radius: calc(10 * var(--pt)); background: #fff; overflow: hidden; }
.rc-ia__liste li { display: flex; align-items: center; gap: calc(12 * var(--pt)); min-height: calc(44 * var(--pt)); margin: 0 0 0 calc(16 * var(--pt)); padding: calc(10 * var(--pt)) calc(16 * var(--pt)) calc(10 * var(--pt)) 0; font-size: calc(17 * var(--pt)); line-height: 1.25; }
.rc-ia__liste li + li { border-top: 1px solid rgba(60, 60, 67, 0.18); }
.rc-ia__liste li > span:not(.rc-ia__pic):not(.rc-switch) { flex: 1; min-width: 0; }
.rc-ia__liste b { display: block; font-weight: 400; }
.rc-ia__liste small { display: block; margin-top: calc(1 * var(--pt)); color: #8e8e93; font-size: calc(13 * var(--pt)); }
.rc-ia__liste li > .rc-svg { width: calc(14 * var(--pt)); height: calc(14 * var(--pt)); color: #c4c4c7; stroke-width: 2.6; }
.rc-ia__pic { display: inline-flex; align-items: center; justify-content: center; flex: none; width: calc(30 * var(--pt)); height: calc(30 * var(--pt)); border-radius: calc(7 * var(--pt)); color: #fff; }
.rc-ia__pic .rc-svg { width: calc(18 * var(--pt)); height: calc(18 * var(--pt)); stroke-width: 2; }
.rc-ia__pic--rouge { background: #ff3b30; }
.rc-ia__pic--bleu { background: #007aff; }
.rc-ia__pic--vert { background: #34c759; }
.rc-ia__entete { margin: calc(22 * var(--pt)) calc(16 * var(--pt)) calc(7 * var(--pt)); color: #6d6d72; font-size: calc(13 * var(--pt)); text-transform: uppercase; letter-spacing: 0.01em; }
.rc-ia__note { margin: calc(7 * var(--pt)) calc(16 * var(--pt)) 0; color: #6d6d72; font-size: calc(13 * var(--pt)); }
.rc-switch { position: relative; display: inline-block; flex: none; width: calc(51 * var(--pt)); height: calc(31 * var(--pt)); }
.rc-switch input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.rc-switch i { position: absolute; inset: 0; border-radius: 99px; background: #34c759; transition: background 0.2s; }
.rc-switch i::after { content: ""; position: absolute; top: calc(2 * var(--pt)); left: calc(22 * var(--pt)); width: calc(27 * var(--pt)); height: calc(27 * var(--pt)); border-radius: 50%; background: #fff; box-shadow: 0 calc(3 * var(--pt)) calc(8 * var(--pt)) rgba(0, 0, 0, 0.15), 0 calc(1 * var(--pt)) calc(1 * var(--pt)) rgba(0, 0, 0, 0.16); transition: left 0.2s; }
.rc-switch input:not(:checked) + i, .rc-switch--off i { background: #e9e9ea; }
.rc-switch input:not(:checked) + i::after, .rc-switch--off i::after { left: calc(2 * var(--pt)); }
.rc-ia__merci { display: none; align-items: center; gap: calc(12 * var(--pt)); margin-top: calc(22 * var(--pt)); padding: calc(12 * var(--pt)) calc(16 * var(--pt)); border-radius: calc(10 * var(--pt)); background: #fff; }
.rc-ia__ok { display: inline-flex; align-items: center; justify-content: center; flex: none; width: calc(30 * var(--pt)); height: calc(30 * var(--pt)); border-radius: 50%; background: #34c759; color: #fff; }
.rc-ia__ok .rc-svg { width: calc(18 * var(--pt)); height: calc(18 * var(--pt)); stroke-width: 2.8; }
.rc-ia__merci b { display: block; font-size: calc(17 * var(--pt)); font-weight: 600; }
.rc-ia__merci small { display: block; color: #8e8e93; font-size: calc(13 * var(--pt)); }
.rc-ia__actions { display: grid; gap: calc(8 * var(--pt)); padding: calc(12 * var(--pt)) calc(16 * var(--pt)) calc(34 * var(--pt)); }
.rc-ia__actions--apres { display: none; }
.rc-ib { display: inline-flex; align-items: center; justify-content: center; gap: calc(6 * var(--pt)); height: calc(50 * var(--pt)); padding: 0 calc(16 * var(--pt)); border: 0; border-radius: calc(12 * var(--pt)); font: inherit; font-size: calc(17 * var(--pt)); font-weight: 600; cursor: pointer; transition: opacity 0.15s, transform 0.15s; }
.rc-ib .rc-svg { width: calc(19 * var(--pt)); height: calc(19 * var(--pt)); }
.rc-ib:active, .rc-ib.touche { opacity: 0.6; }
.rc-ib--plein { background: #34c759; color: #fff; }
.rc-ib--teinte { background: rgba(217, 45, 32, 0.12); color: var(--rc-tint); }
.rc-ib--texte { height: calc(40 * var(--pt)); background: none; color: var(--rc-tint); font-weight: 400; }
.rc-tel.a-repondu .rc-ia__actions[data-rc-question] { display: none; }
.rc-tel.a-repondu .rc-ia__actions--apres { display: grid; }
.rc-tel.a-repondu .rc-ia__merci { display: flex; }
.rc-tel.a-repondu[data-reponse="tard"] .rc-ia__ok { background: #ff9500; }
.rc-tel.a-repondu[data-reponse="indispo"] .rc-ia__ok { background: #8e8e93; }
.rc-ia__seg { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 calc(16 * var(--pt)); padding: calc(2 * var(--pt)); border-radius: calc(9 * var(--pt)); background: rgba(118, 118, 128, 0.12); }
.rc-ia__seg span { padding: calc(6 * var(--pt)) 0; border-radius: calc(7 * var(--pt)); color: #000; font-size: calc(13 * var(--pt)); font-weight: 500; text-align: center; }
.rc-ia__seg .on { background: #fff; font-weight: 600; box-shadow: 0 calc(3 * var(--pt)) calc(8 * var(--pt)) rgba(0, 0, 0, 0.12), 0 calc(3 * var(--pt)) calc(1 * var(--pt)) rgba(0, 0, 0, 0.04); }
.rc-ia__defile--onglets .rc-ia__liste li { min-height: calc(44 * var(--pt)); padding-top: calc(7 * var(--pt)); padding-bottom: calc(7 * var(--pt)); }
.rc-ia__onglets { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(3, 1fr); height: calc(83 * var(--pt)); padding-top: calc(7 * var(--pt)); border-top: 1px solid rgba(0, 0, 0, 0.12); background: rgba(249, 249, 249, 0.94); color: #999; }
.rc-ia__onglets span { display: grid; justify-items: center; align-content: start; gap: calc(3 * var(--pt)); font-size: calc(10 * var(--pt)); font-weight: 500; }
.rc-ia__onglets .rc-svg { width: calc(25 * var(--pt)); height: calc(25 * var(--pt)); }
.rc-ia__onglets .on { color: var(--rc-tint); }

/* Doigt simulé, quand la démonstration répond à la place du visiteur */
.rc-doigt { position: absolute; z-index: 9; width: calc(44 * var(--pt, 1px)); height: calc(44 * var(--pt, 1px)); margin: calc(-22 * var(--pt, 1px)) 0 0 calc(-22 * var(--pt, 1px)); border-radius: 50%; background: rgba(120, 120, 128, 0.35); border: 2px solid rgba(255, 255, 255, 0.8); pointer-events: none; animation: rc-doigt 0.6s ease-out forwards; }
.rc-and .rc-doigt { width: calc(44 * var(--dp)); height: calc(44 * var(--dp)); margin: calc(-22 * var(--dp)) 0 0 calc(-22 * var(--dp)); }
@keyframes rc-doigt { 0% { transform: scale(1.4); opacity: 0; } 35% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.85); opacity: 0; } }

/* =====================================================================
   Android : écran verrouillé, notification Material 3
   ===================================================================== */
.rc-and { font-family: "Roboto", system-ui, sans-serif; color: #e2e3dd; background: linear-gradient(180deg, #2b3530 0%, #1a201c 55%, #111512 100%); line-height: 1.3; }
.rc-sb--and { height: calc(40 * var(--dp)); padding: 0 calc(22 * var(--dp)); color: #e2e3dd; font-size: calc(14 * var(--dp)); font-weight: 500; }
.rc-sb--and .rc-sb__icones svg { height: calc(11 * var(--dp)); }
.rc-poincon { position: absolute; left: 50%; top: calc(12 * var(--dp)); width: calc(22 * var(--dp)); height: calc(22 * var(--dp)); margin-left: calc(-11 * var(--dp)); border-radius: 50%; background: #000; }
.rc-and__horloge { position: absolute; left: calc(28 * var(--dp)); top: calc(250 * var(--dp)); }
.rc-and__horloge p { margin: 0; color: #c3ecd3; font-size: calc(124 * var(--dp)); font-weight: 450; line-height: 0.92; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.rc-and__horloge small { display: block; margin-top: calc(14 * var(--dp)); color: #e2e3dd; font-size: calc(16 * var(--dp)); }
.rc-an { position: absolute; left: calc(8 * var(--dp)); right: calc(8 * var(--dp)); top: calc(44 * var(--dp)); z-index: 3; padding: calc(16 * var(--dp)) calc(16 * var(--dp)) calc(8 * var(--dp)); border-radius: calc(24 * var(--dp)); background: #2f3531; color: #e2e3dd; box-shadow: 0 calc(6 * var(--dp)) calc(20 * var(--dp)) rgba(0, 0, 0, 0.45); opacity: 0; transform: translateY(-110%); transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); }
.rc-tel.est-notifie .rc-an { opacity: 1; transform: none; }
.rc-an__tete { display: flex; align-items: center; gap: calc(6 * var(--dp)); color: #c1c9c1; font-size: calc(12 * var(--dp)); }
.rc-an__pic { display: inline-flex; align-items: center; justify-content: center; width: calc(18 * var(--dp)); height: calc(18 * var(--dp)); border-radius: 50%; background: #ffb4a9; color: #690005; }
.rc-an__pic .rc-svg { width: calc(12 * var(--dp)); height: calc(12 * var(--dp)); stroke-width: 2.4; }
.rc-an__titre { display: block; margin-top: calc(10 * var(--dp)); color: #e2e3dd; font-size: calc(16 * var(--dp)); font-weight: 500; }
.rc-an__texte { display: block; margin-top: calc(2 * var(--dp)); color: #c1c9c1; font-size: calc(14 * var(--dp)); line-height: 1.43; }
.rc-an__actions { display: flex; gap: calc(2 * var(--dp)); margin: calc(8 * var(--dp)) calc(-10 * var(--dp)) 0; }
.rc-an__actions button { min-height: calc(40 * var(--dp)); padding: 0 calc(12 * var(--dp)); border: 0; border-radius: calc(20 * var(--dp)); background: none; color: #ffb4a9; font: inherit; font-size: calc(14 * var(--dp)); font-weight: 500; letter-spacing: 0.01em; cursor: pointer; }
.rc-an__actions button:hover, .rc-an__actions button.touche { background: rgba(255, 180, 169, 0.12); }
.rc-an__faite { display: none; align-items: center; gap: calc(6 * var(--dp)); min-height: calc(40 * var(--dp)); margin: calc(8 * var(--dp)) 0 0; color: #9ad4ae; font-size: calc(14 * var(--dp)); font-weight: 500; }
.rc-an__faite .rc-svg { width: calc(18 * var(--dp)); height: calc(18 * var(--dp)); stroke-width: 2.6; }
.rc-tel--android.a-repondu .rc-an__actions { display: none; }
.rc-tel--android.a-repondu .rc-an__faite { display: flex; }
.rc-tel--android.a-repondu[data-reponse="tard"] .rc-an__faite { color: #f6d47c; }
.rc-tel--android.a-repondu[data-reponse="indispo"] .rc-an__faite { color: #c1c9c1; }
.rc-and__empreinte { position: absolute; left: 50%; bottom: calc(112 * var(--dp)); margin-left: calc(-22 * var(--dp)); color: #e2e3dd; opacity: 0.85; }
.rc-and__empreinte .rc-svg { width: calc(44 * var(--dp)); height: calc(44 * var(--dp)); stroke-width: 1.5; }
.rc-and__raccourci { position: absolute; bottom: calc(36 * var(--dp)); display: inline-flex; align-items: center; justify-content: center; width: calc(56 * var(--dp)); height: calc(56 * var(--dp)); border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #e2e3dd; }
.rc-and__raccourci .rc-svg { width: calc(24 * var(--dp)); height: calc(24 * var(--dp)); }
.rc-and__raccourci--g { left: calc(28 * var(--dp)); }
.rc-and__raccourci--d { right: calc(28 * var(--dp)); }
.rc-geste { position: absolute; left: 50%; bottom: calc(10 * var(--dp)); width: calc(108 * var(--dp)); height: calc(4 * var(--dp)); margin-left: calc(-54 * var(--dp)); border-radius: 99px; background: #e2e3dd; opacity: 0.7; }

/* =====================================================================
   iPad paysage : barre latérale et liste groupée
   ===================================================================== */
.rc-tablette { container-type: inline-size; width: 100%; padding: 2.4%; border-radius: 4.2% / 6%; background: #1c1c1e; box-shadow: 0 40px 80px -40px rgba(16, 24, 40, 0.5), inset 0 0 0 1.5px #3a3a3c; }
.rc-tablette__ecran { container-type: inline-size; position: relative; overflow: hidden; aspect-ratio: 1180 / 820; border-radius: 2.4cqw; --pt: calc(100cqw / 1180); }
.rc-pad { display: grid; grid-template-columns: calc(320 * var(--pt)) minmax(0, 1fr); background: #f2f2f7; color: #000; font-family: var(--rc-ui); line-height: 1.25; }
.rc-pad__sb { position: absolute; left: 0; right: 0; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: calc(24 * var(--pt)); padding: 0 calc(22 * var(--pt)); font-size: calc(14 * var(--pt)); font-weight: 600; }
.rc-pad__sb .rc-sb__icones svg { height: calc(11 * var(--pt)); }
.rc-pad__barre { padding-top: calc(24 * var(--pt)); background: #fff; border-right: 1px solid #d1d1d6; }
.rc-pad__app { margin: calc(44 * var(--pt)) calc(20 * var(--pt)) calc(14 * var(--pt)); font-size: calc(30 * var(--pt)); font-weight: 700; letter-spacing: -0.01em; }
.rc-pad__barre ul { list-style: none; margin: 0; padding: 0 calc(12 * var(--pt)); }
.rc-pad__barre li { display: flex; align-items: center; gap: calc(12 * var(--pt)); height: calc(44 * var(--pt)); margin: 0 0 calc(2 * var(--pt)); padding: 0 calc(12 * var(--pt)); border-radius: calc(10 * var(--pt)); font-size: calc(17 * var(--pt)); }
.rc-pad__barre li .rc-svg { width: calc(22 * var(--pt)); height: calc(22 * var(--pt)); color: var(--rc-tint); }
.rc-pad__barre li.on { background: var(--rc-tint); color: #fff; }
.rc-pad__barre li.on .rc-svg { color: #fff; }
.rc-pad__contenu { padding: calc(24 * var(--pt)) calc(32 * var(--pt)) 0; min-width: 0; }
.rc-pad__outils { display: flex; justify-content: flex-end; gap: calc(22 * var(--pt)); height: calc(44 * var(--pt)); }
.rc-pad__lien { display: inline-flex; align-items: center; gap: calc(6 * var(--pt)); color: var(--rc-tint); font-size: calc(17 * var(--pt)); }
.rc-pad__lien .rc-svg { width: calc(22 * var(--pt)); height: calc(22 * var(--pt)); }
.rc-pad__titre { margin: 0; color: #000; font-family: var(--rc-ui); font-size: calc(34 * var(--pt)); font-weight: 700; letter-spacing: -0.012em; }
.rc-pad__sous { margin: calc(2 * var(--pt)) 0 calc(16 * var(--pt)); color: #6d6d72; font-size: calc(15 * var(--pt)); }
.rc-pad__seg { display: inline-grid; grid-template-columns: repeat(3, calc(140 * var(--pt))); padding: calc(2 * var(--pt)); border-radius: calc(9 * var(--pt)); background: rgba(118, 118, 128, 0.12); }
.rc-pad__seg span { padding: calc(6 * var(--pt)) 0; border-radius: calc(7 * var(--pt)); font-size: calc(13 * var(--pt)); font-weight: 500; text-align: center; }
.rc-pad__seg .on { background: #fff; font-weight: 600; box-shadow: 0 calc(3 * var(--pt)) calc(8 * var(--pt)) rgba(0, 0, 0, 0.12); }
.rc-pad__jours, .rc-pad__liste li { display: grid; grid-template-columns: calc(40 * var(--pt)) minmax(0, 1fr) calc(250 * var(--pt)) calc(130 * var(--pt)) calc(14 * var(--pt)); gap: calc(14 * var(--pt)); align-items: center; }
.rc-pad__jours { margin: calc(18 * var(--pt)) 0 calc(6 * var(--pt)); padding: 0 calc(16 * var(--pt)); }
.rc-pad__jl { display: flex; justify-content: space-between; color: #8e8e93; font-size: calc(12 * var(--pt)); font-weight: 500; }
.rc-pad__jl i { width: calc(14 * var(--pt)); font-style: normal; text-align: center; }
.rc-pad__liste { list-style: none; margin: 0; padding: 0; border-radius: calc(12 * var(--pt)); background: #fff; overflow: hidden; }
.rc-pad__liste li { min-height: calc(62 * var(--pt)); margin: 0; padding: calc(9 * var(--pt)) calc(16 * var(--pt)); }
.rc-pad__liste li + li { box-shadow: inset calc(70 * var(--pt)) 1px 0 #fff, inset 0 1px 0 rgba(60, 60, 67, 0.18); }
.rc-pad__av { display: inline-flex; align-items: center; justify-content: center; width: calc(40 * var(--pt)); height: calc(40 * var(--pt)); border-radius: 50%; background: #e5e5ea; color: #3a3a3c; font-size: calc(15 * var(--pt)); font-weight: 600; }
.rc-pad__qui { min-width: 0; }
.rc-pad__qui b { display: block; font-size: calc(17 * var(--pt)); font-weight: 400; }
.rc-pad__qui small { display: block; color: #8e8e93; font-size: calc(14 * var(--pt)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-pad__hab { display: flex; align-items: center; gap: calc(5 * var(--pt)); color: #3a3a3c; font-size: calc(15 * var(--pt)); }
.rc-pad__hab .rc-svg { width: calc(16 * var(--pt)); height: calc(16 * var(--pt)); }
.rc-pad__hab--ko { color: #d70015; }
.rc-pad__sem { display: flex; justify-content: space-between; }
.rc-pad__sem i { width: calc(14 * var(--pt)); height: calc(14 * var(--pt)); border-radius: calc(4 * var(--pt)); background: #e5e5ea; }
.rc-pad__sem i.on { background: #34c759; }
.rc-pad__liste li > .rc-svg { width: calc(14 * var(--pt)); height: calc(14 * var(--pt)); color: #c4c4c7; stroke-width: 2.6; }
.rc-pad__pied { margin: calc(8 * var(--pt)) calc(16 * var(--pt)) 0; color: #6d6d72; font-size: calc(13 * var(--pt)); }

@media (prefers-reduced-motion: reduce) {
  .rc-tel.vibre, .k-res.vient-de-repondre, .rc-r.nouvelle td { animation: none; }
}