/* Modale « Records perso (MT) » PARTAGÉE — styles AUTHENTIQUES du suivi quantitatif (repris à l'identique de qualitative-tool.css : en-tête marine, tableau, bascule, temps de passage). Tout est scopé sous .rm-scope (le composant records-modal.js) → n'interfère pas avec les autres modales de la page quanti. Les variables --q-* sont définies ICI (le composant vit sur ). */ .rm-scope{ --q-bg:#f4f7fb; --q-card:#fff; --q-text:#0f172a; --q-muted:#64748b; --q-border:#dbe3ef; --q-primary:#0b5cad; --q-navy:#071d35; --q-aqua:#29c4d8; --q-warn:#b45309; --q-danger:#c0392b; /* drapeaux de divergence : jaune (à vérifier) / rouge (rejeté) */ position:fixed; inset:0; background:rgba(7,17,33,.55); backdrop-filter:blur(2px); display:none; align-items:flex-start; justify-content:center; padding:5vh 16px; z-index:1300; } html[data-theme="dark"] .rm-scope{ --q-bg:#0b1220; --q-card:#111a2b; --q-text:#e6edf6; --q-muted:#9fb0c7; --q-border:#22304a; --q-warn:#fbbf24; --q-danger:#fca5a5; /* variantes lisibles sur fond sombre */ } .rm-scope.on{display:flex} .rm-scope .q4-modal{background:var(--q-card);border-radius:18px;box-shadow:0 30px 70px rgba(7,29,53,.45);width:min(460px,100%);max-height:90vh;overflow:auto;color:var(--q-text)} /* Variante LARGE du même composant (`.rm-scope.rm-wide`) : pour une fenêtre qui porte un tableau à plusieurs colonnes, la largeur par défaut (taillée pour MT) oblige à défiler de côté. ADDITIF — sans le modificateur, rien ne change pour les fenêtres existantes. */ .rm-scope.rm-wide .q4-modal{width:min(920px,100%)} /* Verdict d'un objectif à l'échéance : TENU / NON TENU se lisent à la couleur, d'un coup d'œil sur la liste. Le vert existe déjà pour les deux thèmes plus bas (--q-ok) ; le rouge réutilise --q-danger. C'est un FAIT (le chrono est tenu ou il ne l'est pas), pas un jugement du nageur. */ .rm-scope{--q-ok:#15803d} html[data-theme="dark"] .rm-scope{--q-ok:#4ade80} .rm-scope .oc-hit{color:var(--q-ok);font-weight:800} .rm-scope .oc-miss{color:var(--q-danger);font-weight:800} .rm-scope tr.oc-row-hit td{background:color-mix(in srgb,var(--q-ok) 9%,transparent)} .rm-scope tr.oc-row-miss td{background:color-mix(in srgb,var(--q-danger) 8%,transparent)} .rm-scope .q4-modal-h{position:sticky;top:0;background:linear-gradient(135deg,var(--q-navy),#0b4d83);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:10px} /* L'en-tête doit pouvoir retourner à la ligne : sur une fenêtre étroite, le sous-titre était rogné. */ .rm-scope .q4-modal-h{flex-wrap:wrap} .rm-scope .q4-modal-h > div:first-child{min-width:0;flex:1 1 220px} /* Un tableau plus large que la fenêtre défile DANS SON CADRE, jamais la fenêtre entière. */ .rm-scope .rm-tabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .rm-scope .q4-modal-h b{font-size:1.02rem} .rm-scope .q4-modal-h span{opacity:.9} .rm-scope .rm-hbtns{margin-left:auto;display:flex;gap:8px;align-items:center} .rm-scope .q4-modal-x{background:rgba(255,255,255,.16);border:0;color:#fff;width:30px;height:30px;border-radius:9px;font-size:1.05rem;cursor:pointer} .rm-scope .q4-modal-sync{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:9px;padding:6px 11px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap} .rm-scope .q4-modal-sync[disabled]{opacity:.6;cursor:default} .rm-scope .q4-modal-x:hover,.rm-scope .q4-modal-sync:hover{background:rgba(255,255,255,.26)} .rm-scope .q4-modal-b{padding:15px 18px} .rm-scope .q4-muted{color:var(--q-muted)} .rm-scope .q4-tiny{font-size:.72rem} .rm-scope .q4-seg{display:inline-flex;border:1px solid var(--q-border);border-radius:999px;overflow:hidden;background:var(--q-card)} .rm-scope .q4-seg button{border:0;background:transparent;font-weight:800;font-size:12px;padding:6px 16px;cursor:pointer;color:var(--q-muted)} .rm-scope .q4-seg button.on{background:var(--q-primary);color:#fff} .rm-scope .q4-rechd{display:flex;align-items:center;gap:12px;margin:0 0 8px;flex-wrap:wrap} .rm-scope .q4-rectab{width:100%;border-collapse:collapse;font-size:13.5px} .rm-scope .q4-rectab thead th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted);text-align:left;padding:0 10px 7px;border-bottom:2px solid var(--q-border);font-weight:800} .rm-scope .q4-rectab thead th.t,.rm-scope .q4-rectab thead th.pt{text-align:right} .rm-scope .q4-rectab tbody td{padding:7px 10px;border-bottom:1px solid var(--q-border);white-space:nowrap} .rm-scope .q4-rectab tbody tr:nth-child(even){background:var(--q-bg)} .rm-scope .q4-rectab tbody tr:last-child td{border-bottom:0} .rm-scope .q4-rectab td.ev{font-weight:800;color:var(--q-text)} .rm-scope .q4-rectab td.t{text-align:right;font-variant-numeric:tabular-nums} .rm-scope .q4-rectab td.pt{text-align:right;color:var(--q-muted)} .rm-scope .q4-rectab td.dt,.rm-scope .q4-rectab td.lc{color:var(--q-muted);font-size:12.5px} .rm-scope .q4-rectab .q4-rectime{font-weight:900;color:var(--q-primary);font-variant-numeric:tabular-nums} .rm-scope .q4-rectab .q4-chrono.q4-rectime{display:inline-block;position:static} .rm-scope .q4-rectab .q4-chrono.q4-rectime .q4-box{background:none;border:0;padding:0;color:var(--q-primary);font-weight:900;border-bottom:1px dotted var(--q-primary);cursor:help} .rm-scope .q4-chrono{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px} .rm-scope .q4-box{padding:5px 10px;border-radius:9px;font-weight:900;font-size:13px} .rm-scope .q4-tipsrc{display:none} /* Épreuves CLIQUABLES (quand un callback history est fourni) -> ouvrent l'historique daté superposé. */ .rm-scope .q4-rectab-clic tbody tr.q4-histrow{cursor:pointer} .rm-scope .q4-rectab-clic tbody tr.q4-histrow:hover{background:rgba(11,92,173,.08)} .rm-scope .q4-rectab-clic tbody tr.q4-histrow:focus{outline:2px solid var(--q-primary);outline-offset:-2px} .rm-scope .q4-histchev{color:var(--q-primary);font-weight:900;margin-left:6px;opacity:.55} .rm-scope .q4-histrow:hover .q4-histchev{opacity:1} /* ---- Modale MT UNIFIÉE (liste éditable des temps de référence) ---- */ .rm-scope .rm-subtitle{opacity:.9} .rm-scope .rm-msg{padding:8px 18px;font-size:12.5px;font-weight:700} .rm-scope .rm-msg.ok{background:rgba(41,196,216,.14);color:#0b7285} .rm-scope .rm-msg.err{background:rgba(220,38,38,.12);color:#b91c1c} html[data-theme="dark"] .rm-scope .rm-msg.ok{color:#7fe3f0} html[data-theme="dark"] .rm-scope .rm-msg.err{color:#fca5a5} .rm-scope .rm-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px} .rm-scope .rm-btn{border:0;background:var(--q-primary);color:#fff;border-radius:9px;padding:7px 13px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;white-space:nowrap} .rm-scope .rm-btn:hover{filter:brightness(1.06)} .rm-scope .rm-btn.ghost{background:transparent;color:var(--q-primary);border:1px solid var(--q-border)} .rm-scope .rm-btn.ghost:hover{border-color:var(--q-primary);filter:none} .rm-scope .rm-addform{border:1px solid var(--q-border);border-radius:12px;padding:12px;margin:0 0 12px;background:var(--q-bg)} .rm-scope .rm-addgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px} .rm-scope .rm-addgrid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--q-muted)} .rm-scope .rm-addgrid input,.rm-scope .rm-addgrid select{border:1px solid var(--q-border);border-radius:8px;padding:7px 8px;font:inherit;font-size:13px;background:var(--q-card);color:var(--q-text)} .rm-scope .rm-addgrid select:disabled{opacity:.55;cursor:not-allowed} .rm-scope .rm-poolnote{font-size:9.5px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--q-muted);font-style:italic} .rm-scope .rm-afbtns{display:flex;justify-content:flex-end;gap:8px;margin-top:12px} .rm-scope .rm-rttab{width:100%;border-collapse:collapse;font-size:13.5px} .rm-scope .rm-rttab thead th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted);text-align:left;padding:0 10px 7px;border-bottom:2px solid var(--q-border);font-weight:800} .rm-scope .rm-rttab thead th.t{text-align:right} .rm-scope .rm-rttab tbody td{padding:7px 10px;border-bottom:1px solid var(--q-border);white-space:nowrap} .rm-scope .rm-rttab tbody tr:last-child td{border-bottom:0} .rm-scope .rm-rttab td.dt{color:var(--q-muted);font-variant-numeric:tabular-nums;font-size:12.5px} .rm-scope .rm-rttab td.ng{font-weight:800;color:var(--q-text)} .rm-scope .rm-rttab td.ds{color:var(--q-muted)} .rm-scope .rm-rttab td.t{text-align:right;font-variant-numeric:tabular-nums} .rm-scope .rm-rttab td.t b{color:var(--q-primary);font-weight:900} .rm-scope .rm-rttab td.sr{color:var(--q-muted);font-size:12px} .rm-scope .rm-rttab td.ac{text-align:right;white-space:nowrap} .rm-scope .rm-clic tbody tr.q4-histrow{cursor:pointer} .rm-scope .rm-clic tbody tr.q4-histrow:hover{background:rgba(11,92,173,.08)} .rm-scope .rm-clic tbody tr.q4-histrow:focus{outline:2px solid var(--q-primary);outline-offset:-2px} .rm-scope .rt-star{background:none;border:0;color:#cbd5e1;font-size:16px;line-height:1;cursor:pointer;padding:0 2px} .rm-scope .rt-star.on,.rm-scope .rt-star:hover{color:#f59e0b} .rm-scope .rt-chk{background:none;border:0;color:var(--q-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 4px;margin:0 2px;vertical-align:middle} .rm-scope .rt-chk.on{color:var(--q-primary)} .rm-scope .rt-del{background:none;border:0;color:var(--q-muted);font-size:14px;cursor:pointer;padding:0 2px} .rm-scope .rt-del:hover{color:#b91c1c} /* R2 — crayon « modifier » (temps saisi à la main uniquement) */ .rm-scope .rt-edit{background:none;border:0;color:var(--q-muted);font-size:13px;cursor:pointer;padding:0 2px} .rm-scope .rt-edit:hover{color:#0b5cad} /* R2 — titre du formulaire (bascule « + Saisir un temps » / « Modifier ce temps ») */ .rm-scope .rm-addtitle{font-weight:800;font-size:12.5px;margin-bottom:8px} /* Records board CONDENSÉ : groupé par nage (couleur), lignes serrées, temps = héros */ .rm-scope .rm-rtlist{margin-top:2px} .rm-scope .rm-stgrp{display:flex;align-items:center;gap:6px;padding:7px 8px 2px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted)} .rm-scope .rm-stgrp:first-child{padding-top:1px} .rm-scope .rm-stdot{width:8px;height:8px;border-radius:3px;flex:0 0 auto} .rm-scope .rm-row{display:flex;align-items:center;gap:9px;padding:2px 8px;border-left:3px solid transparent;border-radius:7px} .rm-scope .rm-tcell{cursor:help} .rm-scope .rm-tcell b{border-bottom:1px dotted rgba(11,92,173,.55)} .rm-scope .rm-splitsrc{display:none} .rm-scope .rm-row.q4-histrow{cursor:pointer} .rm-scope .rm-row.q4-histrow:hover{background:var(--q-bg);border-left-color:var(--stc)} .rm-scope .rm-row.q4-histrow:focus{outline:2px solid var(--q-primary);outline-offset:-2px} .rm-scope .rm-chip{flex:0 0 auto;min-width:32px;text-align:center;font-size:11px;font-weight:800;color:#fff;border-radius:6px;padding:2px 6px} .rm-scope .rm-mid{flex:1;min-width:0;display:flex;align-items:baseline;gap:9px} .rm-scope .rm-t{font-size:14.5px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--q-text)} .rm-scope .rm-dt{font-size:11px;color:var(--q-muted);font-variant-numeric:tabular-nums} .rm-scope .rm-src{flex:0 0 auto;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:1px 7px;border-radius:12px;white-space:nowrap} .rm-scope .rm-src.off{background:#eef2f7;color:#475569} .rm-scope .rm-src.pdt{background:#fff4e6;color:#c2410c} html[data-theme="dark"] .rm-scope .rm-src.off{background:#22304a;color:#9fb0c7} html[data-theme="dark"] .rm-scope .rm-src.pdt{background:#3a2a17;color:#fbbf77} .rm-scope .rm-chev{flex:0 0 auto;color:#cbd5e1;font-weight:900;font-size:15px} .rm-scope .rm-row.q4-histrow:hover .rm-chev{color:var(--q-primary)} /* PHASE 3b — marqueur « contre-perf à vérifier » (qualité de donnée), amber, DISTINCT de tout état d'erreur/jugement. Liseré ambre à gauche + pastille ; même code couleur que la fiche (.sp-ma-cp-badge). */ .rm-scope .rm-row.is-contreperf{border-left-color:#d97706} .rm-scope .rm-cp-badge{flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.02em;color:#b45309;background:rgba(217,119,6,.16);border:1px solid rgba(217,119,6,.35);border-radius:999px;padding:1px 7px;white-space:nowrap;cursor:help} html[data-theme="dark"] .rm-scope .rm-cp-badge{color:#fbbf24;background:rgba(217,119,6,.22)} /* LOT 2 — marqueur « temps de passage officiel » : ce chrono a été nagé AU MILIEU d'une course plus longue. Ce n'est ni une alerte ni un doute (le temps est officiel) : teinte NEUTRE/ardoise, jamais l'ambre de la contre-perf, pour ne pas suggérer qu'il y aurait quelque chose à vérifier. Même gabarit de pastille que .rm-cp-badge — on ne réinvente pas un composant. */ .rm-scope .rm-split-badge{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.02em;color:#475569;background:rgba(100,116,139,.14);border:1px solid rgba(100,116,139,.32);border-radius:999px;padding:1px 7px;white-space:nowrap;cursor:help} html[data-theme="dark"] .rm-scope .rm-split-badge{color:#cbd5e1;background:rgba(148,163,184,.18);border-color:rgba(148,163,184,.30)} /* liseré discret : la ligne se repère d'un coup d'œil sans crier */ .rm-scope .rm-row[data-from-split="1"]{border-left-color:#94a3b8} /* Durée annoncée de la synchro : un fait utile, pas une alerte -> même gris que les autres notes, juste détaché par un filet du haut pour qu'il se voie sans crier. */ .rm-scope .rm-syncdur{margin-top:6px;padding-top:6px;border-top:1px dashed var(--q-border,#dbe3ec);color:var(--q-muted)} /* CATÉGORIE « RELAIS » — une nage de plus, au même rang que les autres (spec Simon). Elle réutilise EXACTEMENT le gabarit des autres groupes (.rm-stgrp, .rm-row, .rm-chip, .rm-mid) : rien de neuf, juste une couleur propre et le contexte du relais porteur à droite. */ /* Bandeau de CATÉGORIE (« Relais »), au-dessus des sous-groupes de nage. Il se distingue d'un en-tête de nage par un filet, pas par une autre logique : dessous, tout est identique au reste de la liste — même point coloré, même pastille de distance, mêmes couleurs de nage. */ .rm-scope .rm-catgrp{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 8px 3px;border-top:1px solid var(--q-border,#dbe3ec);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--q-text)} .rm-scope .rm-relaynote{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:600;font-size:9px;color:#0f766e;background:rgba(15,118,110,.12);border-radius:999px;padding:1px 7px;cursor:help} html[data-theme="dark"] .rm-scope .rm-relaynote{color:#5eead4;background:rgba(15,118,110,.28)} .rm-scope .rm-relaypos{flex:0 0 auto;font-size:10px;color:var(--q-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%} .rm-scope .rm-relaymore{flex:0 0 auto;font-size:9px;font-weight:700;color:#0f766e;background:rgba(15,118,110,.12);border-radius:999px;padding:1px 6px;white-space:nowrap} html[data-theme="dark"] .rm-scope .rm-relaymore{color:#5eead4;background:rgba(15,118,110,.28)} /* UN ONGLET VIDE DIT QU'IL EST VIDE — il ne disparaît pas. */ .rm-scope .rm-relayempty{padding:3px 8px 6px;font-size:11.5px;color:var(--q-muted)} /* TEMPS DE RÉACTION DU RELAYEUR — volontairement DISCRET : ni fond, ni bordure, ni gras appuyé. C'est un à-côté du chrono, pas un marqueur d'état : lui donner la pastille teal de « en relais » le ferait lire comme une alerte et lui volerait la vedette. Teinte sourdine, qui suit déjà le thème par --q-muted (comme .rm-relaypos et .rm-h-relay) — aucune règle sombre à écrire. */ .rm-scope .rm-react{flex:0 0 auto;display:inline-block;margin-left:5px;font-size:9px;font-weight:600;color:var(--q-muted);white-space:nowrap;cursor:help} /* ⭐ LE TEMPS DE RÉACTION, EN FORME COURTE, À CÔTÉ DU CHRONO (22/08/2026). Il se pose entre le chrono et la date (liste MT) ou juste à droite du chrono (progression). Deux nombres voisins qui se ressemblent se confondent : celui-ci a donc SA teinte — un violet sourd, qui n'est utilisé nulle part ailleurs dans cette modale (le teal dit « relais », l'ambre dit « à vérifier », le gris dit « discret »). Ni gras, ni fond, ni bordure : c'est un à-côté, pas un état. Chiffres tabulaires, comme le chrono, pour que les colonnes restent droites. */ .rm-scope .rm-reactmini{flex:0 0 auto;display:inline-block;margin-left:6px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:#7c3aed;white-space:nowrap;cursor:help} html[data-theme="dark"] .rm-scope .rm-reactmini{color:#c4b5fd} /* MENTION « en relais » sur une perf individuelle : le nageur l'a nagée en premier relayeur. Teinte NEUTRE — c'est une information sur une performance officielle, pas une alerte. Même gabarit de pastille que les autres marqueurs : on ne réinvente pas un composant. */ .rm-scope .rm-plot-badge{flex:0 0 auto;display:inline-block;margin-left:5px;font-size:9px;font-weight:700;letter-spacing:.02em;color:#0f766e;background:rgba(15,118,110,.12);border:1px solid rgba(15,118,110,.28);border-radius:999px;padding:1px 7px;white-space:nowrap;cursor:help} html[data-theme="dark"] .rm-scope .rm-plot-badge{color:#5eead4;background:rgba(15,118,110,.24);border-color:rgba(94,234,212,.30)} /* RÉCOLTE DES RELAIS PAR TRANCHES — fenêtre maison, auto-actualisée, jamais un popup natif. La barre reflète ce qui est RÉELLEMENT lu (compétitions relues / total), elle n'avance pas seule. */ .rm-scope .rm-relayprog{margin:0 0 10px;padding:9px 11px;border:1px solid var(--q-border,#dbe3ec);border-radius:10px;background:var(--q-bg,#f8fafc)} .rm-scope .rm-rp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;margin-bottom:6px} .rm-scope .rm-rp-bar{height:6px;border-radius:999px;background:rgba(100,116,139,.20);overflow:hidden} .rm-scope .rm-rp-bar i{display:block;height:100%;background:#0f766e;border-radius:999px;transition:width .25s ease} .rm-scope .rm-relayprog .q4-tiny{margin-top:5px} html[data-theme="dark"] .rm-scope .rm-relayprog{background:rgba(15,118,110,.10)} /* Contexte du relayeur dans l'historique d'une épreuve de relais */ .rm-scope .rm-h-relay{display:block;font-size:9.5px;color:var(--q-muted);margin-top:1px} .rm-scope .rm-h-cpt{opacity:.8} /* La fourchette du départ lancé : un REPÈRE posé à côté du chrono, jamais le chrono lui-même. Trois teintes, une par situation, et aucune ne juge le nageur — elles situent, c'est tout. */ .rm-scope .rm-lance{display:inline-block;margin-top:2px;font-size:9px;font-weight:700;border-radius:999px;padding:1px 7px;white-space:nowrap;cursor:help;border:1px solid transparent} .rm-scope .rm-lance-mieux{color:#166534;background:rgba(22,101,52,.12);border-color:rgba(22,101,52,.28)} .rm-scope .rm-lance-a_hauteur{color:#0f766e;background:rgba(15,118,110,.12);border-color:rgba(15,118,110,.28)} .rm-scope .rm-lance-moins_bien{color:var(--q-muted);background:rgba(120,120,120,.12);border-color:rgba(120,120,120,.26)} html[data-theme="dark"] .rm-scope .rm-lance-mieux{color:#86efac;background:rgba(22,101,52,.26);border-color:rgba(134,239,172,.30)} html[data-theme="dark"] .rm-scope .rm-lance-a_hauteur{color:#5eead4;background:rgba(15,118,110,.24);border-color:rgba(94,234,212,.30)} html[data-theme="dark"] .rm-scope .rm-lance-moins_bien{background:rgba(160,160,160,.16);border-color:rgba(180,180,180,.24)} /* Couche SUPERPOSÉE (rm-hist) : historique daté d'une épreuve, PAR-DESSUS la modale MT (qui reste visible/estompée derrière — multi-couches, façon objectifs sur la frise). Enfant de .rm-scope. */ .rm-scope .rm-hist{position:fixed;inset:0;background:rgba(7,17,33,.5);display:none;align-items:flex-start;justify-content:center;padding:6vh 16px;z-index:20} .rm-scope .rm-hist.on{display:flex} .rm-scope .rm-submodal{width:min(560px,100%)} .rm-scope .rm-sub-back{background:rgba(255,255,255,.16);border:0;color:#fff;width:30px;height:30px;border-radius:9px;font-size:1.2rem;line-height:1;cursor:pointer} .rm-scope .rm-sub-back:hover{background:rgba(255,255,255,.26)} .rm-scope .rm-hist .q4-modal-h b{font-size:1rem} /* courbe enrichie (SVG inline) — scaling uniforme (points ronds), bandes de survol plein-hauteur */ .rm-scope .rm-spk{width:100%;height:auto;display:block;margin:2px 0 12px;overflow:visible} .rm-scope .rm-spk rect[data-sp-tip]{cursor:help} /* réglette à 2 poignées (fenêtre de temps de la courbe + tableau) */ .rm-scope .rm-slider{margin:2px 2px 12px} .rm-scope .rm-sltrack{position:relative;height:6px;background:var(--q-border);border-radius:6px;margin:16px 9px 9px} .rm-scope .rm-slfill{position:absolute;top:0;bottom:0;background:var(--q-primary);border-radius:6px;opacity:.55} .rm-scope .rm-slh{position:absolute;top:50%;width:16px;height:16px;margin-left:-8px;transform:translateY(-50%);background:var(--q-card);border:2px solid var(--q-primary);border-radius:50%;cursor:grab;padding:0;touch-action:none;box-shadow:0 1px 4px rgba(7,29,53,.3)} .rm-scope .rm-slh:active{cursor:grabbing} .rm-scope .rm-sllbl{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;color:var(--q-text);font-variant-numeric:tabular-nums;padding:0 2px} .rm-scope .rm-slsep{color:var(--q-muted)} .rm-scope .rm-slreset{margin-left:auto;border:1px solid var(--q-border);background:var(--q-card);color:var(--q-muted);font-weight:800;font-size:10.5px;padding:2px 10px;border-radius:999px;cursor:pointer} .rm-scope .rm-slreset:hover{color:var(--q-primary);border-color:var(--q-primary)} /* tableau de l'historique — en-têtes cliquables (tri) */ .rm-scope .rm-htab{width:100%;border-collapse:collapse;font-size:13.5px} .rm-scope .rm-htab thead th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted);text-align:left;padding:0 10px 7px;border-bottom:2px solid var(--q-border);font-weight:800} .rm-scope .rm-htab thead th.t{text-align:right} .rm-scope .rm-htab thead th[data-hsort]{cursor:pointer;user-select:none} .rm-scope .rm-htab thead th[data-hsort]:hover{color:var(--q-primary)} .rm-scope .rm-htab thead th.on{color:var(--q-primary)} .rm-scope .rm-htab .rm-sortar{font-size:8px} .rm-scope .rm-htab tbody td{padding:7px 10px;border-bottom:1px solid var(--q-border);white-space:nowrap} .rm-scope .rm-htab tbody tr:last-child td{border-bottom:0} .rm-scope .rm-htab td.dt{color:var(--q-muted);font-variant-numeric:tabular-nums} .rm-scope .rm-htab td.t{text-align:right;font-variant-numeric:tabular-nums;color:var(--q-primary);font-weight:800} .rm-scope .rm-htab td.src{color:var(--q-muted);font-size:12px} .rm-scope .rm-htab tr.rm-h-best td.t{color:var(--q-aqua)} .rm-scope .rm-h-badge{display:inline-block;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--q-aqua);border-radius:6px;padding:1px 5px;vertical-align:middle} /* Perf datée cliquable -> analyse de course (ctx.analyze). Curseur + chevron + surbrillance. */ .rm-scope .rm-htab tr.rm-h-analyze{cursor:pointer} .rm-scope .rm-htab tr.rm-h-analyze:hover td,.rm-scope .rm-htab tr.rm-h-analyze:focus-visible td{background:rgba(41,196,216,.12)} .rm-scope .rm-htab tr.rm-h-analyze:focus-visible{outline:2px solid var(--q-aqua);outline-offset:-2px} .rm-scope .rm-h-chev{color:var(--q-aqua);font-weight:900;margin-left:3px} /* Colonne d'actions de l'historique par distance : MÊMES boutons que la liste des meilleurs temps (.rt-edit / .rt-del, déjà stylés plus haut) — une perf hors record doit être atteignable. Le cadenas marque un temps officiel : il reste verrouillé, ici comme ailleurs. */ .rm-scope .rm-htab thead th.act,.rm-scope .rm-htab td.act{text-align:right;width:1%;padding-left:4px} .rm-scope .rm-htab td.act .rt-edit,.rm-scope .rm-htab td.act .rt-del{vertical-align:middle} .rm-scope .rm-h-lock{color:var(--q-muted);font-size:11px;cursor:help;margin-right:2px} /* bulle FIXE des temps de passage (créée par records-modal.js) — pas clippée par le scroll de la modale. */ .rm-fixtip{position:fixed;z-index:1400;background:#071d35;color:#eaf6ff;font-size:12px;font-weight:700;border-radius:12px;padding:9px 12px;box-shadow:0 16px 40px rgba(0,0,0,.45);pointer-events:none;max-width:60vw} .rm-fixtip .q4-tth{font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#29c4d8;margin-bottom:5px} .rm-fixtip .q4-ttab{width:100%;border-collapse:collapse;font-size:12px;color:#eaf6ff} .rm-fixtip .q4-ttab td{padding:2px 6px;font-variant-numeric:tabular-nums} .rm-fixtip .q4-ttab td.d{color:#9db8d6;text-align:left} .rm-fixtip .q4-ttab td.c{text-align:right;font-weight:800;color:#fff} .rm-fixtip .q4-ttab td.l{text-align:right;color:#7fe3f0} /* ── LOT 6a — fenêtre « Tests » (field-tests-modal.js). Même scope .rm-scope : la fenêtre, la couche superposée, les tableaux et le formulaire sont ceux de la modale MT ; seuls les blocs propres au carnet de tests sont ajoutés ici. ───────────────────────────────────────────── */ .rm-scope .ft-effect{border-left:3px solid var(--q-primary);background:var(--q-bg);border-radius:0 10px 10px 0;padding:9px 12px;margin:0 0 12px} .rm-scope .ft-effect-l{font-size:12.5px;line-height:1.45} .rm-scope .ft-effect-l + .ft-effect-l{margin-top:5px} .rm-scope .ft-protos{display:flex;flex-direction:column;gap:8px} .rm-scope .ft-proto{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--q-border);border-radius:12px;background:var(--q-card);color:var(--q-text);padding:11px 13px;font:inherit;cursor:pointer} .rm-scope .ft-proto:hover{border-color:var(--q-primary);background:var(--q-bg)} .rm-scope .ft-proto-n{flex:1} .rm-scope .ft-proto-c{font-size:11.5px;font-weight:800;color:var(--q-muted);white-space:nowrap} .rm-scope .ft-block{margin:0 0 13px} .rm-scope .ft-block-t{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted);font-weight:800;margin-bottom:4px} .rm-scope .ft-block p{margin:0 0 4px;font-size:13px;line-height:1.5} .rm-scope .ft-conseq{font-weight:700;color:var(--q-primary)} .rm-scope .ft-caution{font-weight:700;color:var(--q-warn)} /* JAUNE : appliqué mais à vérifier (10-15 %) */ .rm-scope .ft-reject{font-weight:700;color:var(--q-danger)} /* ROUGE : écarté (≥15 %) */ .rm-scope .ft-inert td{opacity:.6} /* ⭐⭐ 23/08/2026 — LES LISTES DE LA FENÊTRE TESTS (retour Simon : « ça défonce la modale »). Une liste est plafonnée à 5 lignes ; le reste se déplie EN PLACE par un bouton qui dit combien il en reste. ⛔ Ni seconde modale (un écran de plus à fermer), ni cadre qui défile (deux barres de défilement imbriquées). Le bouton reprend le gabarit des boutons fantômes de la modale. */ .rm-scope .ft-liste{margin:0 0 4px} /* L'intertitre de BASSIN dans la carte du 2e avis : un bloc par bassin, chaque 400 lu dans le sien. */ .rm-scope .ft-bassin{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--q-muted); font-weight:800;margin:10px 0 4px} /* ⭐ 23/08/2026 — LA PHRASE QUI SUIT L'INTERTITRE N'EST PAS UN INTERTITRE. Depuis qu'elle porte la référence du bassin, la casse forcée écrivait « 1,704 M/S » : une unité en capitales ne se lit plus comme une unité. Le petit texte reprend donc sa casse et son interlettrage normaux ; le mot « BASSIN DE 25 M », lui, garde les siens. */ .rm-scope .ft-bassin .q4-tiny{text-transform:none;letter-spacing:normal;font-weight:600} .rm-scope .ft-more{display:block;width:100%;margin-top:6px;border:1px dashed var(--q-border);border-radius:10px; background:transparent;color:var(--q-muted);font:inherit;font-size:12px;font-weight:700;padding:6px 10px;cursor:pointer} .rm-scope .ft-more:hover{border-color:var(--q-primary);color:var(--q-primary);background:var(--q-bg)} /* LE CHRONO D'UNE COURSE, CLIQUABLE — il ouvre l'analyse de cette course. Même encre que `.q4-rectime` (le chrono partout ailleurs) : c'est le même objet, il ne change pas d'aspect. */ .rm-scope .ft-perf{border:0;background:transparent;padding:0;font:inherit;font-weight:900;cursor:pointer; color:var(--q-primary);font-variant-numeric:tabular-nums;border-bottom:1px dotted var(--q-primary)} .rm-scope .ft-perf:hover{background:var(--q-bg)} /* ⭐ 23/08/2026 — LE MOT D'UNE SOURCE, CLIQUABLE : « ok, c'est pas celle-là, ça vient d'où alors ? » Un clic ouvre la carte qui montre cette valeur. MÊME encre et MÊME souligné pointillé que le chrono cliquable juste au-dessus : c'est le même geste (« montre-moi d'où ça sort »), il ne change pas d'aspect. Aucune couleur en dur, variables de thème seules. */ .rm-scope .ft-goto{border:0;background:transparent;padding:0;font:inherit;font-weight:800;cursor:pointer; color:var(--q-primary);border-bottom:1px dotted var(--q-primary)} .rm-scope .ft-goto:hover{background:var(--q-bg)} /* LA PASTILLE (i) — elle porte les phrases longues qui cassaient la largeur des cellules. Bulle MAISON (`data-tip`), jamais l'attribut `title`. */ .rm-scope .ft-i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px; border-radius:50%;border:1px solid var(--q-border);color:var(--q-muted);font-size:10px;font-weight:800; font-style:italic;cursor:help;vertical-align:middle;line-height:1} .rm-scope .ft-i:hover{border-color:var(--q-primary);color:var(--q-primary)} /* n×200 — liste VARIABLE de paliers (le seul champ de saisie multi-lignes de la fenêtre Tests). Réutilise les variables de thème, aucune couleur en dur (hors repli danger). */ .rm-scope .rm-addgrid .ft-stages{grid-column:1/-1;display:flex;flex-direction:column;gap:6px} .rm-scope .rm-addgrid .ft-stage{flex-direction:row;align-items:center;gap:8px;text-transform:none;font-weight:600} .rm-scope .rm-addgrid .ft-stage .ft-stage-n{flex:0 0 118px;color:var(--q-muted)} .rm-scope .rm-addgrid .ft-stage input{flex:1;min-width:70px} .rm-scope .ft-stage-del{flex:0 0 auto;border:1px solid var(--q-border);border-radius:8px;background:var(--q-card);color:var(--q-muted);cursor:pointer;padding:5px 9px;font:inherit;line-height:1} .rm-scope .ft-stage-del:hover{border-color:var(--q-danger,#c0392b);color:var(--q-danger,#c0392b)} .rm-scope .rm-addgrid [data-ft-stage-add]{grid-column:1/-1;justify-self:start} /* Tests = objet à part entière — liens article (§1), pastille d'état (§2), courbe (§3). Variables de thème uniquement (clair/sombre), aucune couleur en dur. */ .rm-scope .ft-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} .rm-scope .ft-link{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;text-decoration:none;color:var(--q-primary);border:1px solid var(--q-border);border-radius:999px;padding:3px 10px;background:var(--q-card)} .rm-scope .ft-link:hover{border-color:var(--q-primary);background:var(--q-bg)} /* Pastille d'état : hérite de la couleur de la ligne d'effet (primaire / jaune / rouge / discret). */ .rm-scope .ft-state{display:inline-block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:inherit;border:1px solid currentColor;border-radius:999px;padding:1px 7px;vertical-align:1px;opacity:.92} /* Saisie qui alimente le profil aujourd'hui. */ .rm-scope .ft-winner{display:inline-block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--q-primary);border:1px solid var(--q-primary);border-radius:999px;padding:0 6px;margin-left:5px;cursor:help} .rm-scope tr.ft-fed-row td{box-shadow:inset 2px 0 0 var(--q-primary)} /* Courbe d'évolution (réutilise .rm-spk). Le SVG porte déjà width:100%;overflow:visible. */ .rm-scope .ft-curve .rm-spk{margin-top:2px} /* Message d'erreur INLINE du formulaire (brief §3) : sur le calque actif, juste au-dessus des boutons. */ .rm-scope .rm-addform .ft-formmsg{border-radius:8px;margin:2px 0 10px;padding:8px 12px} /* ⭐⭐ LOT A / ÉTAPE 4 (2026-08-18) — LA CASE « COMPTE POUR LE PROFIL », dans la colonne d'actions de l'historique daté. Elle vit à GAUCHE du cadenas et du crayon : c'est un ÉTAT de la performance, pas une action sur elle — l'œil doit pouvoir lire la colonne d'un coup (état, puis gestes). ⛔ AUCUNE COULEUR D'ALERTE quand elle est décochée : le programme ne juge pas la performance, le coach a décidé. Le gris de l'écarté est celui du produit (`sp_ecartee_couleur`, #64748b). */ .rm-scope .rm-htab td.act .rt-cur{display:inline-flex;align-items:center;vertical-align:middle;margin-right:6px;cursor:pointer} .rm-scope .rm-htab td.act .rt-cur input{margin:0;cursor:pointer;accent-color:#64748b} .rm-scope .rm-htab tr:has(.rt-cur input:not(:checked)) td.dt, .rm-scope .rm-htab tr:has(.rt-cur input:not(:checked)) td.t, .rm-scope .rm-htab tr:has(.rt-cur input:not(:checked)) td.src{opacity:.55}