/* utilities.css — Audit M-XX (2026-04-25) : refacto inline styles vers classes utility.
 * Auto-généré : NE PAS MODIFIER MANUELLEMENT.
 * !important sur chaque déclaration pour préserver le comportement "inline style"
 * (haute spécificité). Les classes ne sont jamais purgées (utilisées partout).
 *
 * 2026-05-15 PURGE : classes u-* non référencées supprimées par scripts/purge_utilities.py.
 * Sauvegarde avant purge : utilities.css.bak.20260515-prepurge
 */
.u-003263b0 { color:#FF9999 !important; width:100% !important; background:none !important; border:none !important; cursor:pointer !important; font-family:inherit !important; }
.u-0041583d { font-weight:bold !important; color:#1E5C9B !important; margin-bottom:8px !important; }
.u-00756ec3 { width:14px !important; height:1px !important; background:#555 !important; display:block; margin:1px 0 !important; }
.u-00a1876e { color:#888 !important; font-size:0.85rem !important; line-height:1.4 !important; margin:0 0 4px !important; }
.u-00c33c34 { display:flex; gap:12px !important; justify-content:flex-end !important; flex-wrap:wrap !important; }
.u-00ce5c71 { background:#fff !important; border-radius:12px !important; max-width:720px !important; width:100% !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; display:flex; flex-direction:column !important; max-height:90vh !important; }
.u-01040f50 { background:#fff !important; border-radius:12px !important; padding:28px 32px !important; max-width:460px !important; width:90% !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; }
.u-011ffdd0 { font-size:0.72rem !important; color:#888 !important; margin-top:1px !important; }
.u-012a6692 { padding:2px 8px !important; }
.u-014d780b { font-size:0.85rem !important; color:#333 !important; background:#f4f6f8 !important; border:1px solid #bdc3c7 !important; border-radius:4px !important; padding:10px 14px !important; margin-bottom:16px !important; }
.u-0150a3b4 { font-size:1.2rem !important; color:#888 !important; transition:transform 0.2s !important; }
.u-01bc2bc3 { background:#154272 !important; padding:12px 16px !important; display:flex; align-items:center !important; gap:10px !important; }
.u-01f36b49 { font-size:1.4rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-021fd1bc { font-size:0.67rem !important; color:#aaa !important; margin-top:1px !important; }
.u-02209f6f { padding:12px 12px !important; margin-bottom:12px !important; }
.u-023c9b2c { color:#555 !important; }
.u-0292f54c { padding:2px 8px !important; border:1px solid #DDE3EE !important; background:#fff !important; border-radius:3px !important; cursor:pointer !important; font-size:0.72rem !important; }
.u-03044366 { background:#154272 !important; border-radius:8px !important; padding:12px 20px !important; display:flex; align-items:center !important; gap:16px !important; flex-wrap:wrap !important; }
.u-0354fe71 { border-radius: 0 0 var(--radius) var(--radius) !important; box-shadow: var(--shadow) !important; border: 1px solid !important; border-top: none !important; display: flex; flex-direction: column !important; flex: 1 !important; min-height: 0 !important; overflow: hidden !important; }
.u-035d558b { white-space:nowrap !important; font-size:1.1rem !important; padding:12px 20px !important; }
.u-0361fc0e { color:var(--cc-user-color) !important; }
.u-038e1fb6 { color:rgba(255,255,255,0.5) !important; text-decoration:none !important; font-size:0.75rem !important; }
.u-03922f44 { padding:12px 24px !important; font-size:1.1rem !important; font-weight:bold !important; background:#1B6B2F !important; color:#fff !important; border:1px solid #000 !important; border-radius:8px !important; cursor:pointer !important; -webkit-text-stroke:1px #000 !important; paint-order:stroke fill !important; }
.u-03bb783e { padding:12px 14px !important; background:#fff3e0 !important; border-left:4px solid #f39c12 !important; border-radius:4px !important; font-size:0.9rem !important; margin-bottom:16px !important; }
.u-03c5ca03 { padding:10px !important; color:#888 !important; font-weight:bold !important; }
.u-03d0b478 { display:grid; grid-template-columns:repeat(7, 1fr); gap:5px !important; margin-bottom:12px !important; }
.u-043cdaec { font-weight:bold !important; }
.u-0458bbc1 { width:9% !important; }
.u-045c665c { background:#fff !important; border-radius:12px !important; padding:28px 32px !important; max-width:460px !important; width:90% !important; box-shadow:0 8px 30px rgba(0,0,0,0.3) !important; text-align:center !important; }
.u-047a7cfd { display:flex; align-items:stretch !important; justify-content:center !important; gap:12px !important; flex-wrap:wrap !important; }
.u-04d4b5a4 { padding:4px 10px !important; font-size:0.75rem !important; font-weight:bold !important; color:#888 !important; background:#f8f9fb !important; border-bottom:1px solid #e9ecef !important; }
.u-0540b348 { margin-bottom:4px !important; color:#000 !important; }
.u-054ec12a { font-size:0.72rem !important; color:#888 !important; font-weight:normal !important; }
.u-058499bb { font-style:italic !important; font-size:1.05rem !important; font-weight:bold !important; color:#568131 !important; text-shadow:1px 1px 2px rgba(0,0,0,0.4), 0 0 8px rgba(86,129,49,0.5) !important; }
.u-059293c3 { width:100% !important; background:#f4f7fb !important; border:none !important; cursor:pointer !important; padding:10px 16px !important; display:flex; align-items:center !important; justify-content:space-between !important; text-align:left !important; }
.u-05a5b8dd { display:flex; gap:4px !important; white-space:nowrap !important; }
.u-05d3b10a { display:none; padding:8px 12px !important; background:#FFF0F0 !important; border-radius:6px !important; color:#CC0000 !important; font-size:0.9rem !important; margin-bottom:12px !important; }
.u-05def627 { background:#1E5C9B !important; color:#fff !important; border-radius:50% !important; width:30px !important; height:30px !important; display:flex; align-items:center !important; justify-content:center !important; font-weight:bold !important; flex-shrink:0 !important; }
.u-068287e3 { width:28px !important; }
.u-0687b3c6 { display:flex; flex-direction:column !important; gap:4px !important; font-size:0.85rem !important; margin-bottom:8px !important; }
.u-06899e43 { color:#888 !important; font-size:0.9rem !important; cursor:pointer !important; position:relative !important; }
.u-069a3f61 { color:#3deb34 !important; text-decoration:underline !important; }
.u-06a2c003 { color:#888 !important; display:inline-flex; align-items:center !important; }
.u-06add7d4 { background:#fff !important; border-radius:12px !important; max-width:400px !important; width:100% !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; max-height:90vh !important; overflow-y:auto !important; }
.u-06b34f56 { display:flex; align-items:center !important; gap:12px !important; justify-content:center !important; }
.u-06d51caa { font-size:1.5rem !important; }
.u-075ca880 { background:#CC0000 !important; color:#fff !important; border:none !important; }
.u-0768ba39 { font-size:2rem !important; margin-bottom:6px !important; text-align:center !important; }
.u-076f1365 { color:#CC0000 !important; text-decoration:line-through !important; }
.u-076f64d6 { width:100% !important; margin-top:16px !important; }
.u-079236af { background:linear-gradient(135deg, #EEF3FA 0%, #E8F0FE 100%) !important; border-left:4px solid #1E5C9B !important; border-radius:8px !important; padding:14px 20px !important; margin-bottom:20px !important; font-size:0.88rem !important; color:#333 !important; display:flex; align-items:flex-start !important; gap:10px !important; }
.u-07cac3e1 { margin-top:16px !important; padding:16px !important; }
.u-07d7f363 { text-align:center !important; font-weight:bold !important; color:#E65100 !important; }
.u-08178b2e { display:flex; justify-content:space-between !important; font-size:0.82rem !important; margin-bottom:2px !important; flex-wrap:wrap !important; }
.u-08510fc5 { color:#555 !important; font-size:0.9rem !important; margin-bottom:16px !important; }
.u-085a5878 { color:#888 !important; font-size:0.8rem !important; }
.u-088ffe4a { font-size:0.85rem !important; font-weight:normal !important; color:#888 !important; }
.u-08a0ed40 { text-align:right !important; }
.u-092999c9 { text-align:center !important; margin-top:6px !important; font-size:0.78rem !important; color:#888 !important; }
.u-099196e5 { font-size:3rem !important; margin-bottom:16px !important; }
.u-09967d42 { font-size:0.85rem !important; color:#555 !important; line-height:1.5 !important; }
.u-09c2f78f { font-weight:bold !important; color:#B8860B !important; font-size:0.85rem !important; }
.u-0a1451f9 { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px !important; margin-bottom:12px !important; padding-bottom:12px !important; border-bottom:2px solid #EEF3FA !important; }
.u-0a3bd508 { padding:6px 0 !important; border-bottom:1px solid #EEF3FA !important; font-size:0.85rem !important; display:flex; align-items:center !important; gap:8px !important; cursor:pointer !important; }
.u-0a4f5273 { background:#F5F7FA !important; border-radius:8px !important; padding:12px !important; }
.u-0a5ac359 { padding:8px !important; text-align:right !important; white-space:nowrap !important; }
.u-0a687ba8 { text-align:center !important; padding:10px !important; background:#F0F4FF !important; border-radius:8px !important; }
.u-0a7bfafa { border-bottom:1px solid #EEF3FA !important; opacity:0.6 !important; vertical-align:middle !important; }
.u-0a933d55 { width:44px !important; }
.u-0abfee48 { padding:4px 10px !important; font-size:0.8rem !important; }
.u-0b302e11 { font-size:0.82rem !important; padding:6px 14px !important; background:#DC3545 !important; color:#fff !important; border:none !important; border-radius:4px !important; cursor:pointer !important; font-weight:bold !important; opacity:0.5 !important; }
.u-0b5a3dd9 { margin:0 0 8px 0 !important; font-size:1rem !important; }
.u-0b85aae7 { padding:10px !important; text-align:center !important; font-size:1.3rem !important; color:#1E5C9B !important; }
.u-0bf2dc7c { cursor:pointer !important; user-select:none !important; width:15% !important; }
.u-0bfd1c22 { display:flex; justify-content:center !important; gap:24px !important; }
.u-0c38ac33 { font-size:1.6em !important; filter:drop-shadow(0 0 1.5px #D97757) drop-shadow(0 0 1.5px #D97757) drop-shadow(0 0 1.5px #D97757) !important; }
.u-0ca036df { padding:10px 14px !important; background:#EEF3FA !important; border-radius:8px !important; font-size:1.6rem !important; color:#555 !important; text-align:left !important; }
.u-0cb29a92 { padding:8px !important; text-align:right !important; font-weight:bold !important; color:#1565C0 !important; }
.u-0ce9b70c { font-weight:bold !important; font-size:0.92rem !important; }
.u-0cf974c5 { padding:10px !important; text-align:center !important; white-space:nowrap !important; }
.u-0d1067f8 { color:#888 !important; min-width:60px !important; flex-shrink:0 !important; }
.u-0d166f62 { background:#f5f5f5 !important; border:1px solid #ddd !important; border-radius:8px !important; padding:10px 16px !important; margin-bottom:16px !important; font-size:0.85rem !important; }
.u-0d32d6be { font-size:0.92rem !important; }
.u-0d35c1cc { color:#1E5C9B !important; margin:0 0 6px !important; font-size:1.2rem !important; }
.u-0d4fdbe1 { background:#fff !important; border-radius:12px !important; padding:28px 32px !important; max-width:400px !important; width:90% !important; box-shadow:0 8px 30px rgba(0,0,0,0.3) !important; }
.u-0df462a9 { margin:0 !important; color:#1E5C9B !important; font-size:1.2rem !important; }
.u-0e1fef1f { display:flex; gap:24px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-0e71c48d { text-align:center !important; background:#EEF3FA !important; font-weight:bold !important; font-size:1.1rem !important; }
.u-0e83c535 { text-align:center !important; margin-top:14px !important; }
.u-0e89ef30 { border-left:1px solid rgba(255,255,255,0.3) !important; padding-left:20px !important; text-align:center !important; }
.u-0e95e7dd { color:#fff !important; font-size:2.4rem !important; -webkit-text-stroke:1.5px #000 !important; text-shadow:2px 2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000 !important; margin:0 0 16px 0 !important; }
.u-0ec0b4ed { display:flex; flex-direction:column !important; gap:12px !important; margin-bottom:24px !important; }
.u-0ed451a9 { display:flex; flex-direction:column !important; gap:7px !important; }
.u-0ed8d2d1 { text-align:right !important; padding:6px 4px !important; }
.u-0eeecf53 { display:none; }
.u-0f0a3a4f { font-size:1.2rem !important; color:#aaa !important; }
.u-0f20814d { display:flex; gap:6px !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; }
.u-0f47f620 { display:flex; flex-direction:column !important; gap:4px !important; margin-bottom:12px !important; }
.u-0f55dfdb { border-radius:0 0 8px 8px !important; margin-top:0 !important; display:none; }
.u-0f80716b { color:#D97757 !important; font-weight:bold !important; text-decoration:none !important; }
.u-0f9a9694 { color:#1E5C9B !important; text-decoration:none !important; padding:3px 8px !important; background:#fff !important; border:1px solid #ccc !important; border-radius:4px !important; display:inline-flex; align-items:center !important; gap:4px !important; }
.u-0faadf20 { margin:0 0 16px !important; font-size:1.2rem !important; color:#1E5C9B !important; }
.u-1054cac1 { text-align:right !important; padding:6px 4px !important; font-weight:600 !important; }
.u-10a64045 { position:relative !important; height:340px !important; }
.u-10b06ba9 { color:red !important; }
.u-10e8a411 { padding:8px 12px !important; text-align:left !important; font-family:'Arial Narrow',Arial,sans-serif !important; }
.u-111b0507 { margin-bottom:20px !important; font-size:0.82rem !important; font-family:'Arial Narrow',Arial,sans-serif !important; }
.u-112b16cb { grid-column:1/-1 !important; }
.u-11405e92 { text-align:center !important; padding:10px !important; background:#FFF8E1 !important; border-radius:8px !important; border:1px solid #FFD700 !important; }
.u-118c3933 { background:#D97757 !important; color:#fff !important; }
.u-11aa395e { font-size:0.8rem !important; color:#888 !important; margin-bottom:20px !important; }
.u-11b964a4 { margin-bottom:16px !important; padding:12px 20px !important; }
.u-11d1e63d { display:flex; align-items:center !important; justify-content:center !important; position:relative !important; width:100% !important; z-index:10 !important; }
.u-11e7df58 { text-align:center !important; border-left:1px solid rgba(255,255,255,0.3) !important; padding-left:20px !important; }
.u-123b7032 { text-align:center !important; padding:8px 4px !important; }
.u-127cdcd4 { border-bottom:2px solid #EEF3FA !important; }
.u-12f725d3 { font-size:0.85rem !important; margin-top:8px !important; }
.u-1304c7ef { background:none !important; border:none !important; cursor:pointer !important; font-size:1.1rem !important; padding:2px 4px !important; }
.u-1379ce36 { font-size:0.7rem !important; opacity:0.6 !important; }
.u-137cc40d { display:flex; gap:12px !important; flex-wrap:wrap !important; margin-top:16px !important; margin-bottom:16px !important; }
.u-13abe732 { display:none; position:fixed !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; background:#ffffff !important; border:1px solid #1E5C9B !important; border-radius:12px !important; padding:0 !important; z-index:9999 !important; width:90% !important; max-width:700px !important; max-height:80vh !important; overflow:auto !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; }
.u-13b40a92 { font-weight:bold !important; font-size:0.85rem !important; }
.u-13dc0625 { display:flex; flex-direction:column !important; gap:8px !important; }
.u-13f1f165 { margin:0 !important; flex:1 !important; min-width:0 !important; }
.u-13f92182 { width:28px !important; height:28px !important; cursor:pointer !important; accent-color:#f9a825 !important; flex-shrink:0 !important; }
.u-14017b78 { margin-bottom:16px !important; color:#fff !important; text-shadow:1px 1px 3px #000 !important; font-size:1.1rem !important; font-weight:bold !important; }
.u-14b09dff { padding:10px 32px !important; font-size:0.95rem !important; }
.u-14e9b88d { display:grid; grid-template-columns:1fr; gap:16px !important; margin-bottom:20px !important; }
.u-150f416b { display:flex; justify-content:space-between !important; margin-bottom:3px !important; font-size:0.85rem !important; }
.u-1533a0e0 { font-size:1.5rem !important; font-weight:bold !important; color:#7B1FA2 !important; }
.u-154f21e2 { padding:8px 0 !important; font-family:monospace !important; font-size:0.75rem !important; color:#888 !important; }
.u-15658c8d { color:#1E5C9B !important; font-weight:bold !important; }
.u-157a9c70 { margin-bottom:14px !important; }
.u-15a17421 { margin:8px 0 0 !important; font-size:0.92rem !important; color:rgba(255,255,255,0.85) !important; line-height:1.6 !important; }
.u-15ac9d6f { max-width:500px !important; }
.u-161ba606 { font-size:0.78rem !important; color:#1B6B2F !important; opacity:0.4 !important; transition:opacity 0.3s !important; min-height:1em !important; }
.u-162cc1f2 { font-size:0.95rem !important; color:#888 !important; ${strokeText} !important; }
.u-163e22e5 { text-align:center !important; padding:32px !important; color:#1B6B2F !important; }
.u-1663617d { font-size:1.5rem !important; font-weight:bold !important; color:#E65100 !important; }
.u-167ef759 { width:12px !important; height:12px !important; border-radius:50% !important; background:#1E5C9B !important; animation:bounce 1s infinite 0.2s !important; }
.u-168a731f { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:16px !important; }
.u-168d09c6 { display:flex; gap:24px !important; flex-wrap:wrap !important; }
.u-169caf1e { text-align:center !important; font-size:2.5rem !important; letter-spacing:16px !important; padding:12px !important; width:180px !important; display:block; margin:12px auto 0 !important; }
.u-16b645b8 { background:#fff !important; border-radius:12px !important; max-width:460px !important; width:100% !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; }
.u-16ee7c7c { padding:12px 14px !important; background:#fef6e6 !important; border-left:4px solid #e67e22 !important; border-radius:4px !important; }
.u-17049c49 { display:flex; justify-content:space-between !important; align-items:center !important; gap:10px !important; flex-wrap:nowrap !important; }
.u-1712412c { white-space:nowrap !important; text-align:center !important; }
.u-17241f7d { font-weight:bold !important; color:#CC0000 !important; margin-bottom:6px !important; font-size:0.9rem !important; }
.u-1732ea7f { display:flex; gap:8px !important; }
.u-1738aabf { margin:16px 0 0 !important; font-size:0.92rem !important; }
.u-173dfbcc { font-size:0.8rem !important; color:#1B6B2F !important; font-weight:bold !important; }
.u-17786b19 { display:none; position:fixed !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:rgba(0,0,0,0.6) !important; z-index:var(--z-modal) !important; justify-content:center !important; align-items:center !important; flex-direction:column !important; }
.u-17d00609 { width:100% !important; background:none !important; border:none !important; cursor:pointer !important; padding:14px 20px !important; display:flex; align-items:center !important; justify-content:space-between !important; text-align:left !important; flex-wrap:wrap !important; }
.u-1837b79e { display:flex; align-items:center !important; gap:20px !important; flex-wrap:wrap !important; }
.u-188866f1 { background:#e74c3c !important; border-color:#c0392b !important; }
.u-18bccd61 { padding:8px 12px !important; background:#f4f6f8 !important; border-radius:4px !important; font-family:monospace !important; }
.u-1900f95b { display:flex; align-items:center !important; gap:12px !important; padding:14px 16px !important; background:#f5f0ff !important; border:1px solid #c4a8f5 !important; border-radius:8px !important; text-decoration:none !important; color:#5b2fa8 !important; font-size:0.95rem !important; font-weight:500 !important; transition:background 0.15s !important; }
.u-192b2a3b { padding:10px !important; text-align:center !important; font-size:1.5rem !important; color:#1E5C9B !important; }
.u-19457bd8 { font-size:2rem !important; margin-bottom:8px !important; }
.u-194e2c94 { width:100% !important; border-collapse:collapse !important; font-size:0.85rem !important; }
.u-19826533 { font-size:0.7rem !important; }
.u-19b68973 { width:100% !important; table-layout:fixed !important; }
.u-19e3282d { font-size:0.85rem !important; color:#555 !important; margin-top:2px !important; font-family:monospace !important; }
.u-1a093084 { display:flex; justify-content:flex-end !important; }
.u-1a19d322 { font-size:0.78rem !important; border-collapse:collapse !important; width:100% !important; font-family: Arial Narrow, Arial, sans-serif !important; letter-spacing:-0.02em !important; }
.u-1a2f1d8e { font-size:1.05rem !important; font-weight:bold !important; color:#5d4037 !important; }
.u-1a91929b { font-size:0.85rem !important; cursor:pointer !important; }
.u-1a994106 { color:${val >= 2 ? '#1B6B2F' : '#CC0000'} !important; }
.u-1aaf4a3e { cursor:pointer !important; color:#CC0000 !important; font-size:1.1rem !important; margin-left:6px !important; }
.u-1ab39d04 { text-align:center !important; padding:8px !important; white-space:nowrap !important; font-size:0.8rem !important; }
.u-1abd7ae1 { font-size:1.2rem !important; font-weight:bold !important; color:#FFD700 !important; margin-bottom:12px !important; }
.u-1b0339f2 { margin-bottom:16px !important; display:flex; align-items:center !important; gap:16px !important; }
.u-1b06c86b { background:none !important; border:none !important; cursor:pointer !important; padding:4px !important; line-height:1 !important; }
.u-1b08ffd9 { padding:8px !important; text-align:center !important; font-weight:bold !important; color:#154272 !important; }
.u-1b0ce56b { display:flex; justify-content:space-between !important; align-items:center !important; gap:10px !important; }
.u-1b43f70c { color:#1E5C9B !important; margin:0 0 20px !important; font-size:1.25rem !important; }
.u-1b6cada3 { color:#aaa !important; font-size:0.85rem !important; }
.u-1b8c0516 { padding:8px !important; white-space:nowrap !important; text-align:center !important; }
.u-1bb28e9f { font-size:0.7rem !important; opacity:0.7 !important; }
.u-1c2197f4 { color:#fff !important; font-size:0.75rem !important; margin:4px 0 0 0 !important; }
.u-1c2678db { padding:8px !important; text-align:center !important; font-weight:bold !important; color:#1E5C9B; }
.u-1c4b9594 { background:#CC0000 !important; color:#fff !important; border:none !important; padding:10px 24px !important; border-radius:6px !important; font-size:0.95rem !important; font-weight:bold !important; cursor:pointer !important; }
.u-1ca4c6ed { padding:16px !important; text-align:center !important; color:#999 !important; }
.u-1cb25a73 { display:none; margin-top:10px !important; padding-top:10px !important; border-top:1px solid #ddd !important; }
.u-1cccad4d { background:none !important; border:none !important; color:#333 !important; font-size:1.4rem !important; cursor:pointer !important; padding:0 4px !important; }
.u-1cd58a7d { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:12px !important; }
.u-1d154ce3 { width:12px !important; height:12px !important; border-radius:50% !important; background:#1E5C9B !important; animation:bounce 1s infinite 0.4s !important; }
.u-1d1c3b20 { width:100% !important; justify-content:center !important; }
.u-1d5799cb { display:flex; gap:6px !important; align-items:center !important; flex-wrap:nowrap !important; }
.u-1d61f066 { color:#fff !important; font-size:0.75rem !important; font-weight:bold !important; margin-top:1px !important; }
.u-1dc0f4a5 { padding:6px 0 !important; font-weight:bold !important; }
.u-1dc4f56d { display:flex; gap:12px !important; align-items:center !important; flex-shrink:0 !important; margin-left:auto !important; }
.u-1decb58e { font-size:1.1rem !important; font-weight:bold !important; color:#154272 !important; margin-bottom:8px !important; }
.u-1dfa1741 { cursor:pointer !important; user-select:none !important; display:flex; align-items:center !important; gap:8px !important; }
.u-1e2becf8 { position:absolute !important; right:4px !important; top:4px !important; background:none !important; border:none !important; color:#000 !important; font-size:1.3rem !important; line-height:1 !important; cursor:pointer !important; padding:4px 10px !important; border-radius:6px !important; }
.u-1e4f457c { font-size:1.8rem !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-1efd7491 { margin-top:16px !important; }
.u-1f67b925 { color:#1B6B2F !important; font-size:0.85rem !important; }
.u-1f69a48f { font-size:1rem !important; font-weight:bold !important; color:#90EE90 !important; text-decoration:none !important; }
.u-1f72e260 { display:flex; gap:4px !important; margin-bottom:6px !important; flex-wrap:wrap !important; }
.u-1f7bc97e { font-weight:bold !important; color:#333 !important; }
.u-1fd0d44b { background:#CC0000 !important; color:#fff !important; padding:2px 10px !important; border-radius:12px !important; font-size:0.75rem !important; text-shadow:none !important; }
.u-1fddd26f { display:flex; flex-wrap:wrap !important; gap:10px !important; align-items:center !important; }
.u-1fe7b07c { color:#aaa !important; font-size:0.85rem !important; margin-top:4px !important; }
.u-1fed7ba3 { ${strokeText} !important; }
.u-1ff49b36 { margin-bottom:16px !important; border:1px solid #1E5C9B !important; }
.u-202988f5 { background:#EEE !important; border-radius:4px !important; height:8px !important; }
.u-20654fa4 { text-align:center !important; padding:6px 2px !important; font-weight:bold !important; font-size:0.78rem !important; }
.u-20bb6d93 { margin-top:8px !important; color:#666 !important; }
.u-20be2355 { font-size:1rem !important; color:#888 !important; transition:transform 0.2s !important; transform:rotate(-90deg) !important; display:inline-block; }
.u-20cc307a { position:relative !important; display:inline-block; width:100% !important; }
.u-2150c734 { background:#F8F9FA !important; border-bottom:2px solid #DEE2E6 !important; }
.u-2197c9d6 { font-size:3rem !important; margin-bottom:12px !important; }
.u-21c424f5 { width:100% !important; margin-bottom:16px !important; padding:10px !important; border:2px solid #CC0000 !important; border-radius:6px !important; font-size:1rem !important; }
.u-21c70127 { cursor:pointer !important; user-select:none !important; }
.u-21c83ef7 { font-size:0.85rem !important; font-family:'Arial Narrow',Arial,sans-serif !important; overflow-x:auto !important; }
.u-221e55d9 { margin-left:auto !important; }
.u-2270df70 { font-size:0.88rem !important; color:#666 !important; margin-bottom:20px !important; }
.u-2288f967 { width:55px !important; text-align:center !important; }
.u-22aabfd0 { text-align:left !important; padding:6px 4px !important; }
.u-22d475e7 { font-size:1.4rem !important; font-weight:bold !important; color:#7B1FA2 !important; }
.u-22d5d6de { color:#555 !important; font-size:0.92rem !important; line-height:1.55 !important; margin:0 0 20px !important; }
.u-2300c512 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.u-233ec6f1 { width:100% !important; border-radius:8px !important; }
.u-2364a12b { font-size:0.85rem !important; color:#555 !important; line-height:1.6 !important; margin-bottom:12px !important; }
.u-236d15f7 { font-weight:bold !important; color:#1B6B2F !important; margin-bottom:6px !important; font-size:0.9rem !important; }
.u-23714482 { display:none; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; background:rgba(0,0,0,0.5) !important; z-index:var(--z-modal) !important; align-items:center !important; justify-content:center !important; }
.u-237ebbad { display:none; flex:1 !important; border:none !important; width:100% !important; min-height:300px !important; }
.u-23e11df7 { background:#EEE !important; border-radius:4px !important; height:10px !important; }
.u-244a7f30 { text-align:left !important; }
.u-24903a60 { display:flex; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:9999 !important; align-items:center !important; justify-content:center !important; }
.u-253e0e5e { padding:16px !important; margin-bottom:20px !important; background:#154272 !important; color:#fff !important; }
.u-25aea119 { margin-bottom:6px !important; }
.u-25f6b986 { font-size:1.05rem !important; font-weight:bold !important; color:#154272 !important; }
.u-2620c16a { text-align:left !important; padding:4px 0 !important; font-weight:normal !important; }
.u-26215d62 { text-align:center !important; background:#1B6B2F !important; color:#fff !important; font-weight:bold !important; }
.u-26361a72 { font-size:0.9rem !important; color:#888 !important; margin-bottom:24px !important; }
.u-2662f943 { background:none !important; border:1px solid #ccc !important; border-radius:6px !important; padding:6px 16px !important; cursor:pointer !important; font-size:0.85rem !important; color:#666 !important; }
.u-26a0edc8 { color:#888 !important; text-transform:uppercase !important; font-size:0.75rem !important; border-bottom:1px solid #e0e0e0 !important; }
.u-26df2b22 { font-size:0.65rem !important; color:#888 !important; }
.u-2705df63 { background:#fff !important; border-radius:12px !important; max-width:540px !important; width:100% !important; padding:28px 24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; max-height:90vh !important; overflow-y:auto !important; }
.u-27236fdd { font-size:0.72rem !important; color:#666 !important; text-transform:uppercase !important; letter-spacing:0.5px !important; }
.u-272b17ca { max-height:min(800px, 65vh) !important; overflow-y:auto !important; border:1px solid #ccc !important; border-radius:8px !important; background:#fff !important; }
.u-27518cbb { font-size:0.85rem !important; color:#888 !important; margin-top:4px !important; }
.u-2756a118 { display:flex; gap:10px !important; justify-content:flex-end !important; }
.u-2761b635 { margin-top:32px !important; }
.u-2763cfbc { color:#888 !important; font-size:0.78rem !important; }
.u-2782fc3d { flex:1 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.u-27d8b473 { padding:4px !important; text-align:center !important; white-space:nowrap !important; }
.u-281eea93 { border:1px solid #e0e7ef !important; border-radius:8px !important; margin-bottom:8px !important; overflow:hidden !important; }
.u-285ddce5 { width:100% !important; padding:8px 12px !important; border:1px solid #ccc !important; border-radius:4px !important; }
.u-2879e211 { overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
.u-28b3ab86 { font-size:1.1rem !important; font-weight:bold !important; color:#1E5C9B !important; margin-bottom:8px !important; }
.u-28fa6044 { padding:10px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.82rem !important; color:#555 !important; }
.u-294ebf70 { color:#888 !important; cursor:pointer !important; user-select:none !important; display:flex; align-items:center !important; gap:8px !important; }
.u-297aec80 { background:#fff !important; border-radius:12px !important; max-width:380px !important; width:100% !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; text-align:center !important; position:relative !important; }
.u-297f6db2 { text-align:right !important; display:flex; flex-direction:column !important; gap:4px !important; }
.u-29cb1148 { margin-bottom:4px !important; }
.u-29fa286b { display:none; position:absolute !important; right:8px !important; top:50% !important; transform:translateY(-50%) !important; cursor:pointer !important; color:#999 !important; font-size:1.1rem !important; line-height:1 !important; }
.u-2a3793f1 { display:none; color:#CC0000 !important; font-size:0.8rem !important; font-weight:normal !important; margin-top:4px !important; }
.u-2a585c70 { font-size:0.78rem !important; padding:4px 10px !important; }
.u-2a5e7ffe { background:#1E5C9B !important; color:#fff !important; padding:10px 24px !important; border-radius:6px !important; font-size:0.95rem !important; font-weight:bold !important; text-decoration:none !important; display:inline-flex; align-items:center !important; gap:6px !important; }
.u-2a66efe1 { font-size:0.72rem !important; color:#888 !important; margin-top:10px !important; padding-top:10px !important; border-top:1px solid #EEE !important; }
.u-2a8cf2ef { font-size:1.2rem !important; margin-bottom:2px !important; }
.u-2ab5b194 { margin-top:32px !important; margin-bottom:12px !important; font-size:1.1rem !important; font-weight:bold !important; color:#fff !important; text-shadow:1px 1px 3px #000 !important; }
.u-2ac2bdbd { display:flex; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:8px !important; }
.u-2ade16ae { font-size:0.8rem !important; color:#B05000 !important; margin-top:2px !important; }
.u-2af0a07b { font-size:0.82rem !important; opacity:0.8 !important; margin-top:2px !important; }
.u-2b2c8398 { color:#888 !important; font-size:0.9rem !important; padding:8px 0 !important; }
.u-2b322f5f { margin:16px 0 !important; border:none !important; border-top:1px solid #DDE3EE !important; }
.u-2bb2e716 { font-size:1.6rem !important; font-weight:bold !important; }
.u-2c76a216 { font-size:0.8rem !important; color:#888 !important; margin-top:6px !important; }
.u-2c80e17a { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:var(--z-modal, 9999) !important; align-items:center !important; justify-content:center !important; padding:16px !important; }
.u-2d0c60bc { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px !important; }
.u-2d5d9adb { width:17% !important; }
.u-2d645a39 { font-size:0.78rem !important; color:rgba(255,255,255,0.55) !important; margin-top:3px !important; }
.u-2d6aef09 { text-align:center !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-2dac29f6 { cursor:pointer !important; user-select:none !important; width:35px !important; }
.u-2dd439e1 { padding:8px !important; }
.u-2de2b154 { margin-top:14px !important; display:flex; gap:10px !important; flex-wrap:wrap !important; }
.u-2de64cb0 { flex-basis:100% !important; display:flex; gap:12px !important; align-items:flex-end !important; flex-wrap:wrap !important; }
.u-2e130d33 { color:#CC0000 !important; font-weight:bold !important; margin-bottom:20px !important; }
.u-2e625ea7 { margin-top:24px !important; border:1px solid #1E5C9B !important; }
.u-2e73407d { padding:12px 16px !important; background:#d4edda !important; color:#155724 !important; border-radius:4px !important; margin-bottom:16px !important; }
.u-2e93f1ee { width:100% !important; margin-bottom:12px !important; padding:8px !important; border:1px solid #ccc !important; border-radius:4px !important; }
.u-2ebd5e06 { text-align:center !important; padding:8px !important; width:65px !important; }
.u-2ebe503a { font-size:1.4rem !important; font-weight:bold !important; }
.u-2efe0435 { font-size:0.9rem !important; color:#555 !important; line-height:2 !important; padding-left:16px !important; }
.u-2f251e27 { text-align:center !important; color:#1B6B2F !important; padding:20px !important; font-size:1.1rem !important; font-weight:bold !important; }
.u-2f8ad686 { color:#aaa !important; text-align:center !important; }
.u-2f915664 { border-bottom:2px solid #1E5C9B !important; }
.u-30660113 { background:#1E5C9B !important; border-bottom:2px solid #154272 !important; }
.u-30719b93 { text-align:right !important; padding:8px 0 !important; }
.u-30f68764 { background:linear-gradient(135deg,#f0f4ff,#e0ebff) !important; border-radius:8px !important; padding:12px 16px !important; }
.u-3178525e { font-size:0.82rem !important; white-space:nowrap !important; }
.u-318a5102 { font-size:0.85rem !important; color:#333 !important; line-height:1.6 !important; white-space:pre-line !important; }
.u-3217288a { margin-left:auto !important; font-size:0.8rem !important; color:#1B6B2F !important; }
.u-32297305 { background:none !important; border:none !important; font-size:1.5rem !important; cursor:pointer !important; color:#888 !important; }
.u-32d33a9a { display:flex; align-items:center !important; gap:12px !important; padding:14px 16px !important; background:#f0f6ff !important; border:1px solid #b3d0f5 !important; border-radius:8px !important; text-decoration:none !important; color:#1E5C9B !important; font-size:0.95rem !important; font-weight:500 !important; transition:background 0.15s !important; }
.u-33148f2e { font-size:0.8rem !important; color:#888 !important; margin-left:4px !important; }
.u-3351f4ad { margin-top:8px !important; font-size:0.8rem !important; }
.u-335f2eb1 { padding:10px !important; font-weight:bold !important; }
.u-33764c49 { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px !important; margin-top:8px !important; }
.u-33986071 { padding:14px !important; background:#e8f5e9 !important; border-left:4px solid #2ecc71 !important; border-radius:4px !important; font-size:0.95rem !important; }
.u-33baae15 { color:#CC0000 !important; font-size:1.4rem !important; }
.u-33ed5a76 { padding:6px 10px !important; border:1px solid #ccc !important; border-radius:6px !important; font-size:0.9rem !important; width:200px !important; flex:1 !important; min-width:80px !important; max-width:200px !important; }
.u-340a96ec { display:inline-block; width:32px !important; }
.u-340f465b { display:inline-flex; align-items:center !important; gap:6px !important; }
.u-3435b057 { font-size:1rem !important; font-weight:bold !important; color:#DC3545 !important; }
.u-34660207 { background:linear-gradient(135deg,#f0f7f0,#e0f0e0) !important; border-radius:8px !important; padding:8px 12px !important; }
.u-34e153b3 { display:flex; flex-direction:column !important; gap:16px !important; }
.u-34f3bf5f { font-size:0.55rem !important; color:#555 !important; }
.u-34fa770a { max-width:110px !important; height:auto !important; }
.u-350417a2 { background:rgba(255,255,255,0.08) !important; border-radius:6px !important; padding:8px !important; text-align:center !important; }
.u-35703727 { color:#fff !important; text-shadow:none !important; border-bottom-color:rgba(255,255,255,0.2) !important; }
.u-3588d35b { margin:0 !important; color:#1E5C9B !important; }
.u-35a26e0b { font-size:0.85rem !important; font-weight:bold !important; color:#1E5C9B !important; margin-bottom:4px !important; }
.u-35bce450 { font-size:0.85rem !important; color:rgba(255,255,255,0.7) !important; margin-bottom:12px !important; }
.u-361ff101 { font-size:0.85rem !important; line-height:1.5 !important; }
.u-369a219c { background:#fff !important; border-radius:12px !important; padding:32px !important; max-width:480px !important; margin:16px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; }
.u-36a36b03 { font-weight:normal !important; color:#888 !important; font-size:0.78rem !important; }
.u-36c405ca { padding:3px 0 !important; text-align:right !important; font-weight:bold !important; }
.u-36c7d89a { text-align:center !important; color:#888 !important; padding:16px !important; }
.u-36cf6378 { padding:12px 24px !important; font-size:1.1rem !important; font-weight:bold !important; background:#1E5C9B !important; color:#fff !important; border:1px solid #000 !important; border-radius:8px !important; cursor:pointer !important; -webkit-text-stroke:1px #000 !important; paint-order:stroke fill !important; }
.u-36df7899 { font-size:0.85rem !important; padding:6px 12px !important; }
.u-3713a483 { padding:8px 12px !important; font-size:0.85rem !important; font-weight:600 !important; color:#333 !important; }
.u-37255a8a { background:none !important; border:1px solid #999 !important; border-radius:4px !important; padding:4px 10px !important; cursor:pointer !important; font-size:0.8rem !important; }
.u-372f60c7 { font-size:0.88rem !important; line-height:1.6 !important; margin-bottom:10px !important; color:rgba(255,255,255,0.8) !important; text-align:justify !important; }
.u-37666168 { border:none !important; border-top:1px solid #EEF3FA !important; margin:0 !important; }
.u-37d3ef82 { font-size:1.6rem !important; font-weight:bold !important; color:#E65100 !important; line-height:1 !important; }
.u-37e4779e { color:#bbb !important; }
.u-38012afe { display:flex; align-items:center !important; gap:12px !important; margin-bottom:12px !important; }
.u-3801eecf { text-align:center !important; color:#1E5C9B !important; margin-bottom:20px !important; }
.u-380ac8c8 { font-size:1.3rem !important; }
.u-383f7c55 { width:60px !important; text-align:center !important; }
.u-385e6286 { text-align:center !important; font-weight:bold !important; color:#CC0000 !important; }
.u-388177c3 { margin-left:8px !important; color:#888 !important; font-size:0.85rem !important; }
.u-389094e0 { cursor:pointer !important; display:flex; align-items:center !important; justify-content:space-between !important; }
.u-38b61d40 { width:55px !important; }
.u-3908a39d { padding:12px 20px !important; margin-bottom:16px !important; background:#154272 !important; color:#fff !important; }
.u-39464542 { display:block; font-size:0.85rem !important; font-weight:bold !important; margin-bottom:4px !important; }
.u-39547a62 { font-size:1.2rem !important; font-weight:bold !important; color:${resultColor} !important; margin-bottom:14px !important; }
.u-39578122 { display:flex; gap:16px !important; margin-bottom:16px !important; flex-wrap:wrap !important; }
.u-395e45b4 { padding:6px !important; border:1px solid #ccc !important; border-radius:6px !important; font-size:0.9rem !important; flex:1 !important; min-width:200px !important; }
.u-39a009b8 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:16px !important; flex-wrap:wrap !important; }
.u-39ce03e3 { padding:10px !important; text-align:center !important; color:#888 !important; }
.u-39dfa168 { background:#EEF3FA !important; color:#1E5C9B !important; padding:2px 8px !important; border-radius:12px !important; font-size:0.8rem !important; }
.u-39fb032c { text-shadow:0 0 3px #000, 0 0 3px #000 !important; }
.u-3a0b3c60 { text-align:center !important; padding:0 !important; }
.u-3a19dc49 { color:#154272 !important; font-size:1.1rem !important; margin-bottom:12px !important; text-align:center !important; }
.u-3a95edae { color:#aaa !important; font-size:0.9rem !important; }
.u-3ae24abf { display:flex; gap:8px !important; margin-bottom:16px !important; }
.u-3af7c22c { display:flex; flex-wrap:wrap !important; gap:12px !important; }
.u-3b277f88 { font-size:0.8rem !important; display:inline-block; transition:transform 0.2s !important; transform:rotate(0deg) !important; }
.u-3b533019 { font-size:0.8rem !important; padding:5px 12px !important; }
.u-3b56d416 { width:13% !important; }
.u-3b723cef { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:8px !important; align-items:end !important; }
.u-3bce66ce { display:flex; flex-direction:column !important; gap:4px !important; }
.u-3bde4d7e { padding:5px 8px !important; text-align:center !important; }
.u-3be7d82e { color:#aaa !important; font-weight:normal !important; }
.u-3c0ff463 { width:58px !important; }
.u-3c5fd26d { background:none !important; border:none !important; font-size:1.2rem !important; cursor:pointer !important; color:#999 !important; }
.u-3c637671 { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:9999 !important; align-items:center !important; justify-content:center !important; padding:16px !important; }
.u-3c815145 { padding:0 !important; overflow:hidden !important; }
.u-3ccb4d5a { display:grid; grid-template-columns:auto 1fr 1fr; gap:6px !important; align-items:center !important; padding:6px 0 !important; font-size:0.82rem !important; border-bottom:1px solid #eee !important; }
.u-3cd20e2f { display:grid; grid-template-columns: 1fr 1fr; gap:20px !important; }
.u-3d451473 { display:inline-block; width:12px !important; height:12px !important; background:#006747 !important; border-radius:2px !important; flex-shrink:0 !important; }
.u-3d7135b6 { padding:6px !important; }
.u-3dd23ed7 { font-size:0.85rem !important; color:#888 !important; margin-bottom:12px !important; }
.u-3df164ee { font-weight:bold !important; color:#1E5C9B !important; margin-bottom:6px !important; font-size:0.9rem !important; }
.u-3e1a6c8f { font-size:1.6rem !important; }
.u-3e4180e7 { padding:6px 12px !important; border-radius:6px !important; border:1px solid var(--border) !important; font-size:0.9rem !important; }
.u-3e634cfd { text-align:center !important; margin-bottom:4px !important; }
.u-3e63d1dc { vertical-align:-1px !important; margin-right:3px !important; }
.u-3e7beea7 { width:40% !important; }
.u-3ea9c093 { padding:8px 12px !important; text-align:center !important; font-size:0.85rem !important; color:#999 !important; }
.u-3eb94750 { padding:8px !important; text-align:right !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-3ef1292c { background:#fff !important; border-radius:12px !important; max-width:440px !important; width:100% !important; padding:28px 24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; text-align:center !important; position:relative !important; }
.u-3f375ec5 { background:#154272 !important; border-left:4px solid #1E5C9B !important; border-radius:8px !important; padding:12px 20px !important; margin-bottom:20px !important; font-size:0.9rem !important; color:rgba(255,255,255,0.85) !important; line-height:1.5 !important; }
.u-3f5a4374 { padding:8px !important; text-align:left !important; }
.u-3f887ffb { display:none; margin-top:12px !important; }
.u-3fbcec31 { max-height:300px !important; overflow-y:auto !important; background:#f8f8f8 !important; border-radius:6px !important; padding:8px !important; }
.u-3fccd3d6 { padding:8px 12px 8px 0 !important; text-align:center !important; }
.u-3fd4860f { display:none; background:#FFF0F0 !important; border:1px solid #CC0000 !important; border-radius:8px !important; padding:8px 12px !important; margin-bottom:8px !important; color:#CC0000 !important; font-size:0.95rem !important; font-weight:bold !important; text-align:center !important; }
.u-3fe205c2 { padding:8px !important; text-decoration:line-through !important; color:#888 !important; white-space:normal !important; font-size:0.85rem !important; overflow:hidden !important; word-break:break-word !important; }
.u-400c4c29 { display:flex; gap:6px !important; align-items:center !important; margin:0 !important; }
.u-403012ab { font-size:0.85rem !important; color:#555 !important; margin-bottom:6px !important; }
.u-40429a8b { font-size:0.7em !important; font-weight:bold !important; color:#FFD700 !important; }
.u-407bbb32 { flex-wrap:wrap !important; }
.u-40a550ea { font-size:1.4rem !important; line-height:1 !important; }
.u-40a7b6d5 { text-align:center !important; padding:6px 8px !important; font-size:0.85rem !important; display:flex; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; width:100% !important; height:100% !important; }
.u-40bbb3f9 { border-bottom:1px solid #EEE !important; }
.u-40facbf9 { color:#FFD700 !important; text-decoration:none !important; font-size:0.9rem !important; }
.u-4126b4c9 { flex:1 !important; padding:10px !important; font-size:1.1rem !important; font-weight:bold !important; background:#FFD700 !important; color:#222 !important; border:2px solid #000 !important; border-radius:8px !important; cursor:pointer !important; }
.u-4128a874 { margin-top:16px !important; background:rgba(0,0,0,0.45) !important; backdrop-filter:blur(12px) !important; -webkit-backdrop-filter:blur(12px) !important; border-radius:12px !important; box-shadow:0 8px 32px rgba(0,0,0,0.4) !important; padding:24px !important; }
.u-4134146e { margin:0 0 0 1.2em !important; padding:0 !important; line-height:2 !important; }
.u-4145fbe4 { display:flex; justify-content:space-between !important; align-items:center !important; padding:6px 8px !important; border-bottom:1px solid #EEE !important; flex-wrap:wrap !important; }
.u-41dcccf2 { white-space:nowrap !important; text-align:center !important; justify-content:center !important; }
.u-41e500ab { font-size:1.6rem !important; margin:0 !important; color:#1E5C9B !important; -webkit-text-stroke:1px #fff !important; paint-order:stroke fill !important; text-shadow:1px 1px 2px #fff,-1px -1px 2px #fff,1px -1px 2px #fff,-1px 1px 2px #fff !important; }
.u-4201606c { margin:0 0 0 18px !important; padding:0 !important; }
.u-427c756e { padding:6px 0 !important; text-align:center !important; }
.u-428cd3ee { padding:10px 12px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.82rem !important; color:#555 !important; margin-top:8px !important; }
.u-42d55a49 { font-size:0.82rem !important; font-weight:bold !important; color:#FFD700 !important; white-space:nowrap !important; flex-shrink:0 !important; }
.u-430a0108 { padding:12px !important; background:#EEF3FA !important; border-radius:8px !important; }
.u-432a545a { margin:0 !important; font-size:1.2rem !important; }
.u-43535ec1 { text-align:center !important; padding:16px !important; position:relative !important; }
.u-4359fb26 { background:#154272 !important; color:#fff !important; padding:12px 8px 12px 16px !important; display:flex; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important; cursor:pointer !important; user-select:none !important; }
.u-43d503ad { position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:var(--z-modal) !important; display:none; align-items:center !important; justify-content:center !important; padding:16px !important; }
.u-43db8b41 { font-size:0.82rem !important; color:#888 !important; margin-bottom:12px !important; }
.u-43f06bdb { background:#fff !important; border-radius:12px !important; max-width:420px !important; width:100% !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; }
.u-44265a69 { font-weight:500 !important; }
.u-44293e6b { display:none; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:1000 !important; background:rgba(0,0,0,0.4) !important; }
.u-443643e5 { padding:8px 12px !important; text-align:left !important; }
.u-444640d7 { background:#FFF8E1 !important; border-radius:8px !important; padding:8px 6px !important; width:78px !important; flex-shrink:0 !important; text-align:center !important; }
.u-44674219 { margin-bottom:4px !important; font-size:0.82rem !important; }
.u-447c1669 { font-weight:bold !important; color:#1B6B2F !important; font-size:0.85rem !important; }
.u-448a84c0 { color:#000 !important; font-weight:900 !important; }
.u-44971fca { color:#c0392b !important; font-weight:bold !important; }
.u-44a2399d { background:#8B0000 !important; color:#fff !important; border:none !important; white-space:nowrap !important; }
.u-44a585ed { font-size:0.82rem !important; color:#888 !important; margin:4px 0 8px !important; }
.u-44b68232 { font-size:1.3rem !important; font-weight:bold !important; color:#1B6B2F !important; margin-top:4px !important; }
.u-44ca2451 { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:16px !important; }
.u-44dd2463 { color:#CC0000 !important; font-size:1.1rem !important; }
.u-450ec446 { display:flex; align-items:center !important; gap:0.5em !important; flex-wrap:nowrap !important; margin:0 !important; flex:1 !important; min-width:0 !important; overflow:hidden !important; }
.u-45211303 { font-size:0.75rem !important; opacity:0.8 !important; margin-top:2px !important; }
.u-45290ec5 { color:#1E5C9B !important; margin:0 0 18px !important; font-size:1.2rem !important; text-align:center !important; }
.u-45cf749d { display:flex; gap:12px !important; align-items:end !important; flex-wrap:wrap !important; }
.u-45e74eed { width:70px !important; }
.u-4602cda1 { margin-bottom:8px !important; display:flex; gap:8px !important; }
.u-4614617d { font-weight:bold !important; color:#1E5C9B !important; font-size:0.9rem !important; margin-bottom:6px !important; padding-bottom:4px !important; border-bottom:1px solid #DDE3EE !important; }
.u-464db333 { font-size:0.7rem !important; color:#CC0000 !important; }
.u-4676e1e7 { display:flex; align-items:center !important; margin:24px 0 14px !important; flex-wrap:wrap !important; }
.u-46dcee64 { margin:0 !important; }
.u-476a9c8e { margin-bottom:20px !important; padding:0 !important; overflow:visible !important; }
.u-4778370a { background: #e74c3c !important; border: none !important; border-radius: 6px !important; color: #fff !important; cursor: pointer !important; font-weight: bold !important; padding: 0 16px !important; font-size: 0.85rem !important; min-height: 36px !important; display: none; }
.u-47aa331d { display:flex; gap:6px !important; flex-wrap:wrap !important; }
.u-47e43c29 { text-align:center !important; padding:4px 6px !important; }
.u-48042d3b { font-size:0.72rem !important; color:#888 !important; }
.u-48194ef5 { position:absolute !important; right:8px !important; top:50% !important; transform:translateY(-50%) !important; color:#888 !important; font-size:0.85rem !important; pointer-events:none !important; }
.u-482721cf { margin-top:32px !important; padding-top:16px !important; border-top:1px solid #eee !important; color:#888 !important; font-size:0.9rem !important; }
.u-48812215 { display:flex; gap:16px !important; font-size:0.85rem !important; color:#888 !important; flex-wrap:wrap !important; }
.u-488b2567 { width:100% !important; border-collapse:collapse !important; font-size:0.88rem !important; font-family:'Roboto Condensed', Arial Narrow, sans-serif !important; }
.u-4892d15d { text-align:center !important; border-left:1px solid rgba(255,255,255,0.3) !important; padding-left:16px !important; }
.u-48aa01e2 { margin-bottom:10px !important; font-size:0.95rem !important; font-weight:bold !important; color:#90EE90 !important; text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000 !important; }
/* Titre des pages liste d'entraînement à thème (attack, drapeaux, bunker, short_game,
   save_par, driver_piste, putting pros/long/10m/3feet/5feet). Texte NOIR sans aucun effet :
   sur la bannière photo claire, le blanc + contour noir + ombre était illisible et le
   correcteur de contraste (fixContrast dans main.php) forçait du navy-600 par-dessus.
   Noir pur sur fond clair = contraste élevé → fixContrast ne le touche plus. */
.u-48c492f1 { flex:1 !important; margin:0 !important; font-size:1.6rem !important; color:#000 !important; -webkit-text-stroke:0 !important; paint-order:normal !important; text-shadow:none !important; }
/* La couleur noire doit aussi gagner sur le span interne du titre quel que soit le thème.
   Sélecteur spécifique (0,2,2+) pour battre `body .page-header h1{color:var(--navy-900)!important}`
   du thème vanilla. */
body .page-header h1.u-48c492f1,
body .page-header h1.u-48c492f1 .u-c759ac95 span:first-child { color:#000 !important; text-shadow:none !important; -webkit-text-stroke:0 !important; }
.u-48ca6c7c { margin-bottom:12px !important; padding:20px !important; }
.u-48d21665 { color:#999 !important; }
.u-48f6a03d { font-size:0.85rem !important; color:#1E5C9B !important; }
.u-48faf22a { margin-top:12px !important; padding:10px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.85rem !important; color:#555 !important; }
.u-492ec04a { display:flex; align-items:center !important; gap:8px !important; }
.u-4960bb9b { margin-bottom:12px !important; padding:14px !important; }
.u-497b3e20 { padding:4px !important; text-align:center !important; font-size:0.73rem !important; color:#888 !important; white-space:nowrap !important; }
.u-4998489d { color:#1E5C9B !important; margin:0 0 16px !important; }
.u-49a18eb3 { margin:0 !important; width:200px !important; flex-shrink:0 !important; }
.u-49b51234 { max-width:320px !important; }
.u-49f09e8d { display:flex; justify-content:center !important; gap:6px !important; margin-bottom:12px !important; flex-wrap:wrap !important; }
.u-4a2517c6 { padding-right:24px !important; }
.u-4a256a09 { color:green !important; }
.u-4ac10ca7 { display:inline-flex; flex-direction:column !important; align-items:center !important; line-height:1.2 !important; font-size:1.15rem !important; }
.u-4aff9f08 { background:#2D8A4E !important; color:#fff !important; width:100% !important; }
.u-4b08dfc5 { margin-bottom:16px !important; font-size:3rem !important; font-family:monospace !important; color:#D97757 !important; font-weight:bold !important; }
.u-4b18eb01 { font-size:1.2rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-4b30bfc9 { padding:6px 8px !important; color:#888 !important; }
.u-4b34ff79 { color:#1E5C9B !important; text-decoration:underline !important; }
.u-4b406650 { display:flex; flex-direction:column !important; gap:6px !important; }
.u-4b971e67 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:8px !important; flex-wrap:wrap !important; }
.u-4bf52770 { color:#555 !important; font-size:0.9rem !important; margin-bottom:20px !important; padding-left:20px !important; line-height:2 !important; }
.u-4c29042b { font-weight:bold !important; margin-bottom:8px !important; }
.u-4c53e9bb { font-size:0.92rem !important; line-height:1.55 !important; opacity:0.93 !important; }
.u-4c605e95 { width:65px !important; }
.u-4c8927e6 { text-align:center !important; padding:8px !important; width:50px !important; }
.u-4cad644d { font-size:0.82rem !important; color:#888 !important; white-space:nowrap !important; }
.u-4d15c2c8 { color:rgba(255,255,255,0.7) !important; font-size:0.85rem !important; margin-top:4px !important; }
.u-4d17dc55 { text-align:center !important; font-weight:bold !important; color:#B05000 !important; }
.u-4d5869fb { display:flex; gap:8px !important; align-items:center !important; flex-shrink:0 !important; }
.u-4d845e13 { display:flex; gap:32px !important; flex-wrap:wrap !important; align-items:center !important; }
.u-4da499ee { display:inline-block; background:#2E7D32 !important; color:#fff !important; padding:10px 20px !important; border-radius:6px !important; text-decoration:none !important; font-weight:bold !important; font-size:0.95rem !important; }
.u-4dd2ae6a { width:24px !important; height:24px !important; cursor:pointer !important; accent-color:#f9a825 !important; flex-shrink:0 !important; margin:0 !important; }
.u-4e0079c5 { margin-left:12px !important; background:none !important; border:1px solid #999 !important; border-radius:4px !important; padding:2px 10px !important; cursor:pointer !important; font-size:0.8rem !important; }
.u-4e359f0b { background:${color} !important; color:${textColor} !important; }
.u-4e52d330 { padding:16px !important; background:#1B6B2F !important; color:#fff !important; }
.u-4ea465e0 { display:grid; grid-template-columns:1fr 1fr; gap:16px !important; }
.u-4ec9b7e0 { font-size:0.8rem !important; color:#FFD700 !important; text-decoration:none !important; }
.u-4ee9fe11 { font-weight:bold !important; color:#1565C0 !important; font-size:0.85rem !important; }
.u-4f09f162,
.card > table.u-4f09f162,
.synth-ext-placeholder .card > table.u-4f09f162 { width:100% !important; font-size:0.82rem !important; display:table !important; table-layout:auto !important; overflow-x:visible !important; }
.u-4f09f162 td.u-043cdaec,
.u-4f09f162 th.u-244a7f30 { white-space:nowrap !important; }
@media (max-width:600px) {
    .card.u-f02c9061 { padding:10px !important; }
    table.u-4f09f162 { font-size:0.72rem !important; }
    table.u-4f09f162 th, table.u-4f09f162 td { padding:3px 4px !important; }
    table.u-4f09f162 th:first-child, table.u-4f09f162 td:first-child { padding-left:2px !important; padding-right:6px !important; }
}
.u-4f121c43 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:24px !important; flex-wrap:wrap !important; }
.u-4f2891cf { padding:6px 0 !important; font-family:monospace !important; font-size:0.68rem !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.u-4f4ed5c5 { display:flex; justify-content:space-between !important; align-items:center !important; padding:10px 0 !important; border-bottom:1px solid #EEE !important; flex-wrap:wrap !important; }
.u-4f87ab26 { margin:0 !important; color:#555 !important; line-height:1.6 !important; }
.u-4f94e0ae { color:#1B6B2F !important; font-size:1.4rem !important; }
.u-4fb13cd7 { display:flex; flex-direction:row !important; align-items:center !important; gap:10px !important; margin-bottom:8px !important; }
.u-4ff89cae { width:100% !important; background:#f4f7fb !important; border:none !important; cursor:pointer !important; padding:10px 16px !important; display:flex; align-items:center !important; justify-content:space-between !important; text-align:left !important; flex-wrap:wrap !important; }
.u-5017e772 { padding:6px 4px !important; }
.u-5047f8f9 { display:flex; align-items:center !important; gap:8px !important; padding:6px 10px !important; cursor:pointer !important; border-bottom:1px solid #f0f0f0 !important; font-size:0.85rem !important; }
.u-507e2bf7 { font-size:0.6em !important; font-weight:normal !important; opacity:0.6 !important; }
.u-50b1bce5 { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px !important; margin-bottom:16px !important; }
.u-50db1e7b { display:flex; gap:12px !important; align-items:center !important; }
.u-50f2a5b9 { font-size:0.84rem !important; color:#666 !important; }
.u-511d2ffa { font-weight:bold !important; color:#fff !important; }
.u-51390cc2 { background:#E3F2FD !important; border-radius:8px !important; padding:12px !important; }
.u-51397f53 { font-size:0.75rem !important; color:#888 !important; margin-top:4px !important; }
.u-516e2b48 { display:flex; align-items:center !important; margin:24px 0 14px !important; }
.u-518b73ae { color:#c87000 !important; }
.u-521ad198 { text-align:center !important; padding:10px !important; background:#F8F9FA !important; border-radius:8px !important; }
.u-522d458d { text-align:center !important; padding:40px !important; color:#888 !important; max-width:400px !important; width:100% !important; }
.u-5234310b { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px !important; margin-bottom:20px !important; }
.u-52473e7e { text-align:center !important; padding:10px !important; background:#F0F7F0 !important; border-radius:8px !important; }
.u-52568a9c { width:30px !important; }
.u-52643d48 { color:#aaa !important; font-size:0.8rem !important; }
.u-528246f6 { padding:6px 10px !important; font-size:0.8rem !important; }
.u-52a7b56c { padding:10px !important; text-align:center !important; color:#CC0000 !important; font-weight:bold !important; }
.u-52f7a1e6 { background:none !important; border:none !important; color:#c00 !important; cursor:pointer !important; font-size:0.8rem !important; padding:0 2px !important; margin-left:-2px !important; }
.u-531911c6 { width:20% !important; }
.u-531cff5d { flex: 1 !important; background: var(--cc-textarea-bg) !important; border: 1px solid var(--cc-textarea-border) !important; border-radius: 6px !important; color: var(--cc-textarea-color) !important; font-family: 'Roboto Mono', 'Courier New', monospace !important; font-size: var(--cc-font-base, 0.85rem) !important; padding: 8px 12px !important; resize: none !important; outline: none !important; min-height: 36px !important; max-height: 120px !important; line-height: 1.4 !important; }
.u-53425f7d { margin-top:2px !important; }
.u-53463d6d { margin-bottom:12px !important; }
.u-53829662 { color:#888 !important; margin-top:8px !important; }
.u-538ca495 { color:#00E676 !important; font-size:0.85em !important; font-weight:900 !important; text-shadow:0 0 3px #00E676 !important; }
.u-538f98e1 { opacity:0.5 !important; cursor:not-allowed !important; }
.u-539b047e { text-align:center !important; }
.u-53a29f6a { color:#fff !important; font-size:1.15rem !important; margin-bottom:10px !important; }
.u-53b2b907 { text-align:center !important; font-weight:bold !important; }
.u-53eca0c7 { background:#6c757d !important; color:#fff !important; border:none !important; padding:10px 24px !important; border-radius:6px !important; font-size:0.95rem !important; font-weight:bold !important; cursor:pointer !important; }
.u-53f71f69 { margin-bottom:16px !important; padding:16px 20px !important; }
.u-54083ecf { color:#FF6B6B !important; }

.u-549b1e77 { font-size:1.8rem !important; font-weight:bold !important; color:#CC0000 !important; }
.u-549c56bd { background:#1E5C9B !important; color:#fff !important; text-decoration:none !important; display:flex; align-items:center !important; flex-wrap:nowrap !important; }
.u-54a40d7d { display:flex; align-items:center !important; gap:10px !important; }
.u-54b8e2eb { align-self:center !important; color:#B05000 !important; font-weight:bold !important; }
.u-54c2adbb { background:#1B6B2F !important; color:#fff !important; padding:2px 10px !important; border-radius:12px !important; font-size:0.75rem !important; text-shadow:none !important; }
.u-5534b3b3 { margin-bottom:16px !important; }
.u-5549a1b7 { padding:6px 0 !important; color:#555 !important; font-weight:500 !important; font-size:0.9rem !important; }
.u-5552a36b { display:inline-flex; flex-direction:column !important; align-items:center !important; line-height:1.3 !important; }
.u-55a7bca9 { display:flex; align-items:flex-start !important; gap:10px !important; cursor:pointer !important; font-weight:normal !important; }
.u-55d4eb45 { display: none; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; border: 1px solid var(--border) !important; padding: 60px 20px !important; text-align: center !important; background: var(--card-bg, #fff) !important; }
.u-55dd8793 { font-size:1rem !important; font-weight:bold !important; color:#fff !important; }
.u-55efc45a { color:var(--cc-response-color) !important; white-space:pre-wrap !important; margin-top:4px !important; }
.u-5614f836 { display:flex; flex-direction:column !important; align-items:center !important; gap:4px !important; }
.u-561d68ae { padding:8px !important; font-size:0.82rem !important; }
.u-5642a78a { text-align:center !important; padding:6px 2px !important; }
.u-56570c16 { text-align:center !important; justify-content:center !important; }
.u-56581a3b { background:#F8F9FA !important; border-radius:8px !important; padding:12px 16px !important; margin-bottom:20px !important; }
.u-56596da0 { background:#EEF3FA !important; border-radius:8px !important; padding:10px 16px !important; margin-bottom:16px !important; display:flex; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; }
.u-568702bf { border-left:1px solid #ccc !important; height:20px !important; margin:0 4px !important; }
.u-56c5daed { margin-top:20px !important; background:#6c757d !important; color:#fff !important; border:none !important; padding:8px 24px !important; border-radius:6px !important; font-size:0.9rem !important; cursor:pointer !important; }
.u-5707d7f5 { border-bottom:1px solid #eee !important; }
.u-5749e456 { padding:8px 12px !important; border-radius:4px !important; font-weight:bold !important; margin-bottom:10px !important; font-size:0.95rem !important; }
.u-574de6da { font-size:2.5rem !important; font-weight:bold !important; color:${resultColor} !important; margin-bottom:2px !important; }
.u-5753f1c2 { margin-bottom:16px !important; padding:10px 16px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.82rem !important; color:#1E5C9B !important; }
.u-575ae34d { font-size:0.8rem !important; font-weight:bold !important; color:#1E5C9B !important; min-width:60px !important; flex-shrink:0 !important; }
.u-577d59de { font-weight:normal !important; color:#888 !important; font-size:0.8rem !important; }
.u-57bfca41 { margin:0 !important; min-width:100px !important; }
.u-57f058f2 { font-size:0.8rem !important; font-weight:bold !important; color:#555 !important; margin-bottom:8px !important; text-transform:uppercase !important; letter-spacing:.04em !important; }
.u-581ed96e { margin-bottom:8px !important; padding-bottom:6px !important; }
.u-582cb547 { margin-top:16px !important; display:flex; gap:12px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-58449d9b { width:25% !important; }
.u-589469e1 { color:#B05000 !important; font-size:0.9rem !important; }
.u-58d7a8cb { font-size:2rem !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-58df527a { background:#e9ecef !important; color:#555 !important; border:none !important; padding:10px 22px !important; border-radius:6px !important; font-size:0.95rem !important; cursor:pointer !important; }
.u-58ec7707 { flex:1 !important; min-width:140px !important; }
.u-590eff25 { font-size:1.6rem !important; font-weight:700 !important; color:var(--blue) !important; }
.u-59dc1879 { display:none; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; background:rgba(0,0,0,0.55) !important; z-index:10000 !important; justify-content:center !important; align-items:center !important; }
.u-5a24100e { display:inline-block; width:12px !important; height:12px !important; background:#CC0000 !important; border-radius:2px !important; flex-shrink:0 !important; }
.u-5a318f93 { background:#CC0000 !important; color:#fff !important; border:none !important; padding:3px 10px !important; border-radius:4px !important; cursor:pointer !important; font-size:0.8rem !important; }
.u-5a6ab53d { padding:8px 12px !important; text-align:center !important; width:70px !important; }
.u-5af5e571 { display:none; position:fixed !important; inset:0 !important; z-index:var(--z-modal) !important; background:rgba(0,0,0,0.5) !important; align-items:center !important; justify-content:center !important; }
.u-5b16dbf9 { display:flex; gap:6px !important; align-items:center !important; justify-content:flex-end !important; white-space:nowrap !important; }
.u-5b214b83 { flex-shrink:0 !important; }
.u-5b51b7fa { font-size:0.8rem !important; color:#888 !important; margin-bottom:6px !important; }
.u-5b701861 { font-size:1.5rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-5bad0357 { width:100% !important; padding:4px 6px !important; font-size:0.9rem !important; border:1px solid #1E5C9B !important; border-radius:4px !important; outline:none !important; }
.u-5bd399da { font-size:2rem !important; font-weight:bold !important; color:#27ae60 !important; }
.u-5be5b6a1 { font-size:1.3rem !important; font-weight:bold !important; color:#E65100 !important; margin-top:4px !important; }
.u-5c015e84 { margin-top:8px !important; padding:12px 0 !important; border-top:1px solid #eee !important; }
.u-5c033503 { width:100% !important; border-collapse:collapse !important; margin-top:12px !important; }
.u-5c72c681 { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px !important; margin-bottom:20px !important; }
.u-5c730a80 { color:#1E5C9B !important; }
.u-5c8629e7 { text-align:center !important; padding:32px !important; color:#888 !important; margin-bottom:16px !important; }
.u-5cbe3edc { background:linear-gradient(135deg,#fff8f0,#ffe8d0) !important; border-radius:8px !important; padding:12px 16px !important; display:flex; align-items:center !important; gap:12px !important; }
.u-5d09f2e8 { padding:10px !important; text-align:center !important; font-weight:bold !important; }
.u-5d535de6 { border-bottom:1px solid #EEF3FA !important; }
.u-5daf3be5 { font-size:1.2rem !important; color:#1E5C9B !important; }
.u-5ddb1b50 { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px !important; margin-top:8px !important; }
.u-5e298994 { overflow-y:auto !important; flex:0 1 auto !important; }
.u-5e3dfb63 { display:none; justify-content:space-between !important; align-items:center !important; cursor:pointer !important; padding:4px 0 8px !important; }
.u-5e64c354 { text-align:center !important; padding:6px 4px !important; font-weight:bold !important; }
.u-5e974809 { text-align:left !important; padding:6px 8px !important; font-weight:normal !important; }
.u-5e97b196 { padding:8px !important; font-size:0.8rem !important; }
.u-5ef0904a { color:white !important; font-weight:bold !important; margin-right:4px !important; }
.u-5f53875c { display:grid !important; grid-template-columns:repeat(3, 1fr) !important; gap:6px !important; width:100% !important; margin-bottom:10px !important; font-size:0.78rem !important; }
.u-5f53875c > .u-b3e54607 { justify-content:center !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.u-5f820e8d { position:relative !important; height:220px !important; }
.u-5f89f58e { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px !important; }
.u-5f8f4af2 { display:inline; }
.u-5fc32267 { display:flex; justify-content:center !important; gap:6px !important; flex-wrap:wrap !important; }
.u-5fcf43f5 { font-size:0.8rem !important; opacity:0.8 !important; margin-top:2px !important; }
.u-5fcfc448 { position:absolute !important; right:16px !important; top:50% !important; transform:translateY(-50%) !important; }
.u-6039a3a0 { margin-top:0 !important; }
.u-6040c8ca { flex:0 0 auto !important; }
.u-60427cc9 { color:#FFD700 !important; text-decoration:none !important; font-size:1rem !important; }
.u-60640833 { display:none; text-align:center !important; padding:12px 0 !important; }
.u-60730927 { font-weight:bold !important; color:#B05000 !important; margin-bottom:6px !important; font-size:0.9rem !important; }
.u-60837236 { background:#f8f9fa !important; }
.u-60aa0418 { color:#fff !important; text-shadow:none !important; border-bottom:none !important; padding-bottom:0 !important; margin-bottom:0 !important; }
.u-60afc62e { flex-direction:row !important; align-items:center !important; margin-bottom:2px !important; }
.u-613f9914 { color:#888 !important; font-size:0.85rem !important; }
.u-629a1785 { cursor:pointer !important; user-select:none !important; text-align:center !important; }
.u-62a9f697 { background: transparent !important; border: 1px solid #e74c3c !important; border-radius: 6px !important; color: #e74c3c !important; cursor: pointer !important; padding: 0 10px !important; font-size: 1rem !important; min-height: 36px !important; }
.u-62adcc3e { background:#154272 !important; color:#fff !important; border-radius:10px !important; padding:10px 16px !important; flex:1 !important; display:flex; gap:24px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-62e72254 { margin-top:12px !important; padding:12px 16px !important; background:#EEF3FA !important; border-radius:6px !important; border-left:4px solid #1E5C9B !important; }
.u-62e9b016 { display:flex; flex-wrap:wrap !important; gap:6px !important; }
.u-63056df4 { border-bottom:1px solid #e0e0e0 !important; transition:background .2s !important; cursor:pointer !important; }
.u-6309431e { width:100% !important; border-collapse:collapse !important; }
.u-6333cbee { max-width:900px !important; margin:0 auto !important; }
.u-636ded11 { margin-top:12px !important; display:flex; flex-direction:column !important; gap:8px !important; }
.u-63840f02 { font-size:0.65rem !important; opacity:0.7 !important; }
.u-638ce467 { padding:16px !important; font-size:0.85rem !important; color:#ccc !important; margin-bottom:16px !important; background:#154272 !important; }
.u-63bcb32a { text-align:center !important; padding:8px !important; }
.u-6450318d { margin-bottom:16px !important; padding:16px !important; background:#154272 !important; color:#fff !important; }
.u-64515fe2 { width:100% !important; padding:8px 12px !important; border:1px solid #ccc !important; border-radius:6px !important; font-size:0.95rem !important; box-sizing:border-box !important; }
.u-64729f04 { background:#fff !important; border-radius:16px !important; padding:24px 20px !important; max-width:440px !important; width:100% !important; max-height:85vh !important; overflow-y:auto !important; color:#333 !important; position:relative !important; }
.u-64b7552d { font-size:0.8rem !important; color:#888 !important; font-weight:normal !important; }
.u-64e186c1 { margin-top:24px !important; }
.u-64eaf0fd { flex:1 !important; background:#F0F0F0 !important; border-radius:6px !important; height:28px !important; position:relative !important; }
.u-6519490f { text-align:center !important; padding:6px 4px !important; font-size:0.72rem !important; color:#fff !important; }
.u-655ae556 { display:grid; grid-template-columns:repeat(auto-fit, minmax(120px,1fr)); gap:12px !important; }
.u-660f9035 { background:linear-gradient(135deg,#f0f4ff,#e0ebff) !important; border-radius:8px !important; padding:8px 12px !important; }
.u-6644c6f6 { padding:8px 4px !important; }
.u-6679ae7b { color:#888 !important; font-size:0.72rem !important; line-height:1.2 !important; }
.u-668074e2 { display:flex; justify-content:space-between !important; align-items:center !important; }
.u-66f532f7 { display:none; text-align:center !important; padding:20px !important; color:#888 !important; }
.u-6729f085 { max-width:130px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.u-673c05e3 { color:#1B6B2F !important; font-size:1.1rem !important; }
.u-673d4847 { display:inline; margin:0 !important; }
.u-67585bc9 { text-align:center !important; font-weight:bold !important; color:#0D3B66 !important; }
.u-67c9f577 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px !important; }
.u-67ded876 { margin:0 !important; display:inline; }
.u-67e0541c { font-size:0.9rem !important; padding:6px 18px !important; }
.u-6841118b { margin-bottom:20px !important; }
.u-684dac71 { background:#fff !important; border-radius:12px !important; padding:32px 40px !important; text-align:center !important; box-shadow:0 8px 32px rgba(0,0,0,0.2) !important; max-width:320px !important; }
/* « (Tour 3/3) » dans le h1 de saisie : le vert fluo se pose sur l'image de fond
   du parcours, dont la clarté varie d'un pixel à l'autre — sans contour il se noie
   dès que le fond est clair. On ré-applique donc le même traitement que le h1 parent
   (contour noir + halo), simplement affiné parce que le texte est en 0.7em :
   - -webkit-text-stroke pose le trait, paint-order:stroke fill le fait passer SOUS
     le remplissage pour que le vert reste franc et le glyphe non rongé ;
   - les 4 ombres décalées servent de repli aux moteurs sans text-stroke ;
   - le halo flou final détache le texte des fonds clairs comme des fonds chargés. */
.u-6889a5a0 { font-size:0.7em !important; color:#39FF14 !important; font-weight:900 !important; -webkit-text-stroke:1px #000 !important; paint-order:stroke fill !important; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 6px rgba(0,0,0,0.95) !important; }
.u-68c33a81 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px !important; margin:8px 0 !important; }
.u-68d87544 { display:inline-block; width:22px !important; height:22px !important; border-radius:50% !important; background:${col} !important; border:${border} !important; flex-shrink:0 !important; }
.u-68fedc0f { display:flex; gap:8px !important; margin-left:auto !important; }
.u-691b0d02 { background:#FFF3E0 !important; border-radius:8px !important; padding:12px !important; }
.u-6923fa9c { margin:0 !important; flex:1 !important; min-width:200px !important; }
.u-692ab222 { text-align:center !important; font-size:1.1rem !important; }
.u-693f7ac3 { text-align:left !important; padding:3px 0 !important; font-weight:normal !important; }
.u-69a6e0ef { font-size:0.8rem !important; color:#555 !important; margin-top:4px !important; }
.u-69af90b1 { padding:12px 18px !important; margin-bottom:12px !important; }
.u-69e8c386 { font-size:1.8rem !important; margin-bottom:4px !important; }
.u-6a3be7ee { border:1px solid #DDE3EE !important; border-radius:8px !important; padding:16px !important; margin-bottom:12px !important; }
.u-6a489a16 { color:#154272 !important; margin:0 0 16px !important; }
.u-6aaaa8de { padding:8px !important; text-align:center !important; color:#888 !important; }
.u-6aae8afc { text-align:center !important; font-weight:bold !important; font-size:0.9rem !important; }
.u-6afed9cf { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:calc(var(--z-modal, 9999) + 1) !important; align-items:center !important; justify-content:center !important; padding:16px !important; }
.u-6b4f33d6 { width:62px !important; }
.u-6b9796e4 { font-size:0.85rem !important; color:#595959 !important; margin-top:16px !important; }
.u-6ba7c0c3 { background:${color} !important; outline:5px solid #C9A84C !important; outline-offset:2px !important; color:#000 !important; font-weight:900 !important; }
.u-6baee3af { font-size:1rem !important; font-weight:bold !important; }
.u-6bd7006b { margin-top:12px !important; padding:10px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.82rem !important; color:#555 !important; }
.u-6bf1f75d { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:6px 10px !important; align-items:center !important; }
.u-6bf7c327 { padding:12px !important; background:#FFF8E1 !important; border-radius:6px !important; color:#B05000 !important; margin-bottom:16px !important; }
.u-6c04acd5 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px !important; }
.u-6c602051 { font-size:0.75rem !important; color:#aaa !important; }
.u-6c986e02 { font-size:2.5rem !important; margin-bottom:12px !important; }
.u-6cb00b2e { display:flex; gap:12px !important; margin-top:8px !important; flex-wrap:wrap !important; }
.u-6cba2bc4 { background:#E8F5E9 !important; border-radius:8px !important; padding:12px !important; }
.u-6cbc10b7 { display:flex; flex-direction:column !important; }
.u-6cf8941d { background:linear-gradient(to bottom, transparent, #154272) !important; color:#fff !important; padding:60px 0 24px 0 !important; margin-top:32px !important; }
.u-6d14bb9b { padding:10px !important; text-align:center !important; font-size:1.1rem !important; color:#1E5C9B !important; }
.u-6d3d0bf8 { font-size:0.7rem !important; color:#555 !important; word-break:break-all !important; line-height:1.2 !important; }
.u-6d65b2a7 { display:flex; align-items:center !important; gap:16px !important; }
.u-6de53983 { display:grid; grid-template-columns:1fr 1fr; gap:12px !important; }
.u-6e01158a { font-size:1.4rem !important; font-weight:bold !important; color:#1E5C9B !important; line-height:1.1 !important; }
.u-6e25374f { padding:4px !important; text-align:center !important; font-size:0.73rem !important; color:#aaa !important; white-space:nowrap !important; }
.u-6e33c186 { display:flex; gap:4px !important; flex-wrap:wrap !important; margin-bottom:8px !important; align-items:center !important; }
.u-6e3f55c7 { font-size:1.05rem !important; font-weight:bold !important; margin-top:2px !important; }
.u-6e67bba3 { padding:6px 0 !important; color:#555 !important; }
.u-6ed1f926 { width:100% !important; background:none !important; border:none !important; cursor:pointer !important; padding:14px 20px !important; display:flex; align-items:center !important; justify-content:space-between !important; text-align:left !important; }
.u-6efa2d07 { background:#fff !important; padding:20px 24px !important; border-radius:8px !important; max-width:720px !important; width:92% !important; box-shadow:0 4px 24px rgba(0,0,0,0.4) !important; display:flex; flex-direction:column !important; max-height:88vh !important; }
.u-6f59522f { width:100% !important; border-collapse:collapse !important; font-size:0.8rem !important; table-layout:fixed !important; }
.u-6f6c2870 { font-size:1.6rem !important; font-weight:bold !important; color:#1E5C9B !important; line-height:1 !important; }
.u-6fbd720c { background:#F5F7FA !important; border-radius:8px !important; padding:16px !important; margin-bottom:16px !important; }
.u-6ffc8b75 { font-size:2rem !important; flex-shrink:0 !important; }
.u-705410b3 { background:#FFF8E1 !important; border:1px solid #FFD700 !important; border-radius:8px !important; padding:10px 16px !important; margin-bottom:16px !important; display:flex; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; }
.u-706d7274 { font-size:1rem !important; padding:10px 28px !important; }
.u-70751afb { color:#aaa !important; text-align:center !important; padding:16px !important; }
.u-7098446e { color:#888 !important; border-bottom:1px solid #e0e0e0 !important; }
.u-70a19f79 { font-size:0.75rem !important; color:#888 !important; margin-bottom:2px !important; }
.u-70e57a51 { width:50% !important; }
.u-70eadf84 { margin-left:8px !important; background:#1B6B2F !important; color:#fff !important; padding:2px 8px !important; border-radius:12px !important; font-size:0.8rem !important; }
.u-716732c7 { height:34px !important; width:auto !important; display:block; }
.u-716ecfd3 { margin-top:20px !important; }
.u-717a3334 { margin:0 0 20px !important; font-size:1.1rem !important; }
.u-71d8136f { width:100% !important; border-collapse:collapse !important; font-size:0.78rem !important; margin-top:8px !important; }
.u-71f0bec2 { padding:5px 4px !important; text-align:center !important; margin-bottom:0 !important; }
.u-720c5cba { background:#fff !important; border-radius:12px !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; max-width:800px !important; width:90% !important; max-height:80vh !important; overflow-y:auto !important; }
.u-720db584 { font-size:0.85rem !important; color:#888 !important; margin-bottom:4px !important; ${strokeText} !important; }
.u-7215130f { margin-top:12px !important; padding-top:10px !important; border-top:2px solid #EEF3FA !important; }
.u-724e709d { font-size:0.7rem !important; color:#1B6B2F !important; margin-top:2px !important; }
.u-728e0ed5 { display:flex; flex-direction:column !important; gap:8px !important; margin-top:12px !important; }
.u-7308f8be { display:flex; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-730ce93d { width:150px !important; padding:5px 8px !important; border:1px solid #ccc !important; border-radius:4px !important; font-size:0.85rem !important; }
.u-7337aad3 { margin-top:4px !important; color:#fff !important; font-weight:900 !important; font-size:1.5rem !important; -webkit-text-stroke:1px #fff !important; }
.u-733f1af8 { font-size:0.72rem !important; color:#aaa !important; margin-top:2px !important; }
.u-735f9882 { display:none; background:#fff !important; border:1px solid #ddd !important; border-radius:8px !important; padding:16px !important; margin-bottom:16px !important; }
.u-737115d6 { font-weight:bold !important; color:#27ae60 !important; }
.u-7391f22e { color:#1B6B2F !important; font-weight:bold !important; }
.u-739b6f62 { font-size:2.5rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-73de8612 { background:#1e1e1e !important; color:#e0e0e0 !important; border-radius:6px !important; padding:12px !important; font-size:0.78rem !important; flex:1 !important; min-height:120px !important; max-height:52vh !important; overflow-y:auto !important; white-space:pre-wrap !important; word-break:break-word !important; margin:0 0 14px !important; }
.u-74070776 { background:#D97757 !important; color:#fff !important; border-radius:8px !important; cursor:not-allowed !important; }
.u-743a4436 { color:#fff !important; font-size:0.85rem !important; margin-left:8px !important; }
.u-749083a3 { text-align:center !important; color:#1E5C9B !important; margin-bottom:16px !important; }
.u-749cff35 { color:#888 !important; }
.u-74a2381b { color:#555 !important; white-space:nowrap !important; font-size:0.8rem !important; }
.u-74dc80b4 { margin-bottom:12px !important; overflow:hidden !important; padding:0 !important; box-shadow:none !important; }
.u-751ef8b4 { font-size:1.4rem !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-758b0d26 { font-size:0.85rem !important; color:#666 !important; }
.u-75d3566a { text-align:center !important; color:#aaa !important; }
.u-75e1206a { font-size:0.75rem !important; color:#888 !important; margin-bottom:8px !important; }
.u-75e4e177 { margin-top:16px !important; padding:12px 16px !important; background:#EEF3FA !important; border-radius:8px !important; }
.u-761d5817 { position:relative !important; height:200px !important; }
.u-766c6928 { padding:8px !important; text-align:center !important; }
.u-76eecccf { text-align:right !important; padding:6px 0 !important; }
.u-77207a48 { font-size:0.85rem !important; font-weight:bold !important; margin-bottom:6px !important; display:block; }
.u-775cc6bf { padding:8px 12px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.8rem !important; color:#555 !important; margin-top:8px !important; }
.u-777470f5 { margin-top:8px !important; overflow-x:auto !important; }
.u-77a4aa49 { font-size:0.78rem !important; color:#888 !important; }
.u-77c8140b { overflow-x:auto !important; }
.u-77dbb894 { display:flex; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
.u-7817352e { display:flex; gap:12px !important; flex-wrap:wrap !important; }
.u-781c68b6 { font-size:0.82rem !important; color:#888 !important; margin-left:8px !important; }
.u-781e7f56 { flex:1 !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding:2px 0 !important; }
.u-78776185 { margin:0 !important; flex:1 !important; min-width:150px !important; }
.u-78b8e6f4 { font-size:0.75rem !important; color:#888 !important; margin-top:2px !important; white-space:nowrap !important; }
.u-78cb6a98 { color:#e74c3c !important; }
.u-78e39eb1 { font-size:0.75rem !important; font-weight:normal !important; color:#888 !important; margin-left:12px !important; }
.u-78f6f2c9 { margin-top:12px !important; }
.u-7904c988 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:6px !important; }
.u-7922d19e { max-width:100% !important; max-height:400px !important; border-radius:8px !important; border:1px solid #ddd !important; cursor:pointer !important; }
.u-793d79aa { transform:rotate(${rot}deg) !important; display:block; }
.u-794505ff { flex-shrink:0 !important; margin:0 !important; }
.u-79470351 { margin:0 0 8px 0 !important; font-size:0.92rem !important; }
.u-798e8d66 { font-size:0.65rem !important; opacity:0.6 !important; text-transform:uppercase !important; }
.u-79e9b48c { padding:6px 8px !important; }
.u-7a24ed8e { white-space:nowrap !important; flex-shrink:0 !important; }
.u-7a764489 { color:#1B6B2F !important; font-size:0.9rem !important; margin-left:6px !important; }
.u-7a787473 { padding:3px 8px !important; font-family:monospace !important; font-size:0.72rem !important; color:#B05000 !important; border-bottom:1px solid #eee !important; }
.u-7a822742 { padding:8px !important; font-size:0.85rem !important; }
.u-7ac21708 { background:#154272 !important; border-left:4px solid #1E5C9B !important; border-radius:8px !important; padding:14px 20px !important; margin-bottom:20px !important; font-size:0.85rem !important; color:#fff !important; display:flex; align-items:flex-start !important; gap:10px !important; flex-wrap:wrap !important; }
.u-7b305288 { font-size:1rem !important; color:#fff !important; margin-top:3px !important; }
.u-7b38a86e { display:grid; grid-template-columns:repeat(auto-fit, minmax(130px,1fr)); gap:10px !important; margin-top:8px !important; }
.u-7b56080a { height:auto !important; min-height:110px !important; }
.u-7b90f0e0 { padding:8px 10px !important; background:#FFF8E1 !important; border-radius:6px !important; color:#B05000 !important; font-size:0.88rem !important; }
.u-7ba71676 { font-size:0.85rem !important; font-weight:bold !important; }
.u-7ba901b4 { flex:1 !important; text-align:center !important; font-size:1.45rem !important; font-weight:bold !important; color:#FFD700 !important; text-shadow:-2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, -3px 0 0 #000, 3px 0 0 #000, 0 -3px 0 #000, 0 3px 0 #000 !important; border:3px solid #000 !important; cursor:pointer !important; line-height:1.1 !important; background:#2E7D32 !important; border-radius:8px !important; padding:8px 12px !important; }
.u-7bf2d21d { display:flex; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; }
.u-7c11a714 { margin-top:10px !important; padding:8px 12px !important; background:#EEF3FA !important; border-radius:6px !important; font-size:0.82rem !important; color:#555 !important; }

.u-7c88cc16 { width:100% !important; padding:10px 14px !important; border:1px solid var(--border) !important; border-radius:var(--radius) !important; font-size:1rem !important; font-weight:700 !important; background:#fff !important; color:#222 !important; min-height:44px !important; cursor:pointer !important; }
.u-7c8c6846 { padding:10px !important; text-align:center !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-7cd6f0c4 { flex:1 !important; background:rgba(255,243,224,0.12) !important; border:1px solid rgba(255,183,77,0.4) !important; border-radius:8px !important; padding:10px 14px !important; font-size:0.83rem !important; color:#FFB74D !important; }
.u-7cf8dde9 { font-size:0.8rem !important; color:#888 !important; font-weight:normal !important; margin-left:8px !important; }
.u-7d2e34c3 { color:#7B1FA2 !important; font-size:1.8rem !important; ${strokeScore} !important; }
.u-7d4d150d { border:1px solid #ccc !important; border-radius:6px !important; width:100% !important; box-sizing:border-box !important; }
.u-7dab87b4 { font-weight:bold !important; width:40% !important; }
.u-7daf6ba9 { width:130px !important; }
.u-7df2c97e { display:flex; gap:6px !important; align-items:center !important; flex-shrink:0 !important; }
.u-7ec9cabe { margin-top:8px !important; font-size:0.9rem !important; color:#555 !important; }
.u-7ef93b34 { text-align:center !important; padding:6px 0 !important; font-weight:bold !important; color:#1B6B2F !important; font-size:1rem !important; }
.u-7f16d688 { font-size:0.85rem !important; color:#555 !important; }
.u-7f6c4f99 { background:linear-gradient(135deg,#1E5C9B 0%,#2E7D32 100%) !important; color:#fff !important; border-radius:12px !important; padding:20px 24px !important; margin-bottom:20px !important; display:flex; align-items:flex-start !important; gap:16px !important; box-shadow:0 4px 16px rgba(30,92,155,0.2) !important; }
.u-7f725ae8 { flex:1 !important; height:2px !important; background:#FFD700 !important; box-shadow:0 0 0 2px #000 !important; }
.u-7f81c743 { position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:var(--z-modal, 9999) !important; display:none; align-items:center !important; justify-content:center !important; padding:16px !important; }
.u-7f8e33bd { font-size:1.8rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-7f904ae8 { text-align:center !important; padding:40px !important; color:#888 !important; }
.u-7fc50ca8 { padding:2px 28px 2px 10px !important; border:1px solid #ccc !important; border-radius:6px !important; width:100% !important; box-sizing:border-box !important; }
.u-7fcd84a4 { font-size:0.6rem !important; color:#555 !important; }
.u-7fd421b0 { border: 1px solid !important; border-color: var(--cc-border) !important; border-bottom: 1px solid var(--cc-tabs-border) !important; box-shadow: var(--shadow) !important; }
.u-800df75d { color:#999 !important; font-style:italic !important; }
.u-8013c3b2 { background:#FFF3E0 !important; border-radius:8px !important; padding:12px 16px !important; margin-bottom:20px !important; text-align:left !important; }
.u-8023f98a { color:#555 !important; font-size:0.9rem !important; margin-bottom:20px !important; line-height:1.6 !important; }
.u-805faeda { font-size:0.9rem !important; color:#555 !important; margin-bottom:8px !important; }
.u-8063b52d { position:relative !important; height:260px !important; }
.u-80c1a722 { margin-top:8px !important; padding:8px 12px !important; background:#FFF3E0 !important; border-radius:6px !important; font-size:0.78rem !important; color:#B05000 !important; }
.u-810890b6 { font-size:0.8rem !important; display:inline-block; transition:transform 0.2s !important; transform:rotate(-90deg) !important; }
.u-81225aba { margin-bottom:16px !important; padding:16px !important; background:#FFF8E1 !important; border-left:4px solid #FFC107 !important; }
.u-817624c1 { padding:3px 8px !important; font-family:monospace !important; font-size:0.72rem !important; color:#1B6B2F !important; border-bottom:1px solid #eee !important; }
.u-81b40b43 { margin-top:8px !important; font-size:0.85rem !important; }
.u-8207fe86 { display:flex; flex-direction:column !important; gap:20px !important; }
.u-8283391f { padding:6px 10px !important; flex-shrink:0 !important; }
.u-828b9fab { display:flex; justify-content:flex-end !important; gap:8px !important; flex-wrap:wrap !important; }
.u-828e99f5 { font-size:0.8rem !important; color:#aaa !important; margin-left:4px !important; }
.u-82bc2cca { width:100% !important; padding:8px 12px !important; margin-bottom:8px !important; border:1px solid #ccc !important; border-radius:6px !important; font-size:0.95rem !important; }
.u-82fb7908 { transition:transform 0.2s !important; display:inline-block; }
.u-83144ca9 { padding:16px !important; margin-bottom:16px !important; }
.u-832b5b6a { background:#fff !important; border-radius:8px !important; padding:32px !important; width:100% !important; max-width:520px !important; max-height:90vh !important; overflow-y:auto !important; box-shadow:0 8px 32px rgba(0,0,0,0.2) !important; position:relative !important; }
.u-832e3779 { margin-top:12px !important; display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:8px !important; text-align:center !important; }
.u-8349753d { width:100% !important; margin-bottom:8px !important; }
.u-8372fecd { background:#EEE !important; border-radius:4px !important; height:8px !important; width:80px !important; display:inline-block; vertical-align:middle !important; }
.u-83da25e9 { padding:8px !important; text-align:center !important; color:#1E5C9B !important; }
.u-843b08be { display:none; position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; background:rgba(0,0,0,0.55) !important; z-index:10001 !important; justify-content:center !important; align-items:center !important; }
.u-8489a992 { font-size:0.7rem !important; color:#aaa !important; margin-top:8px !important; line-height:1.3 !important; font-style:italic !important; }
.u-84a3b281 { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:9998 !important; cursor:pointer !important; }
.u-84a983a5 { font-size:0.75rem !important; color:#888 !important; letter-spacing:1px !important; }
.u-84bfda97 { background:#2C3E50 !important; color:#fff !important; padding:24px 0 !important; margin-top:32px !important; }
.u-84c48554 { font-size:1.6rem !important; display:flex; align-items:center !important; cursor:pointer !important; position:relative !important; }
.u-84cc8418 { cursor:pointer !important; font-weight:bold !important; font-size:1.1rem !important; margin-bottom:12px !important; }
.u-84d4f52a { display:block; font-weight:bold !important; margin-bottom:4px !important; }
.u-84e804ad { font-size:0.9rem !important; color:#888 !important; margin-left:4px !important; }
.u-850775a1 { padding:40px 20px !important; text-align:center !important; }
.u-85519247 { padding:12px 16px !important; }
.u-85558406 { flex:1 !important; min-width:0 !important; line-height:1.3 !important; margin:0 !important; }

.u-856f7918 { padding:6px 8px !important; text-align:center !important; }
.u-85830785 { color:#888 !important; font-size:0.85rem !important; margin-bottom:20px !important; }
.u-8588e44d { width:100% !important; }
.u-85a45d8c { display:inline-block; background:#1E5C9B !important; color:#fff !important; padding:10px 20px !important; border-radius:6px !important; text-decoration:none !important; font-weight:bold !important; font-size:0.95rem !important; }
.u-85dcf3f5 { background:#e74c3c !important; color:#fff !important; font-size:1rem !important; border:none !important; }
.u-85e243e0 { display:flex; align-items:center !important; gap:8px !important; margin-bottom:4px !important; }
.u-861fbf0e { display:flex; gap:20px !important; flex-wrap:wrap !important; align-items:center !important; }
.u-86778695 { grid-column: 1 / -1 !important; max-width:520px !important; position:relative !important; }
.u-868e651a { text-align:center !important; padding:40px !important; color:#888 !important; width:400px !important; }
.u-869c01c1 { position:relative !important; flex:1 !important; overflow:hidden !important; display:flex; flex-direction:column !important; }
.u-86f2fc2c { flex:1 !important; text-align:center !important; padding:12px !important; border-radius:8px !important; background:#f0f7f0 !important; }
.u-870be270 { font-size:0.9rem !important; color:#888 !important; }
.u-871e644d { display:flex; gap:32px !important; align-items:center !important; flex-wrap:wrap !important; margin-bottom:12px !important; }
.u-87340134 { font-size:0.78rem !important; color:#555 !important; margin-top:4px !important; }
.u-8738b5ef { padding:16px !important; color:#888 !important; font-style:italic !important; text-align:center !important; }
.u-874cada0 { display:grid; grid-template-columns:2fr 1fr; gap:16px !important; }
.u-877e9a3e { display:flex; gap:8px !important; align-items:center !important; }
.u-87a0fa7a { display:flex; gap:10px !important; justify-content:center !important; }
.u-87e59ac8 { display:grid; grid-template-columns:repeat(5,1fr); gap:10px !important; margin-top:8px !important; }
.u-880a0a50 { width:35% !important; }
.u-8810964d { font-size:0.72rem !important; color:#888 !important; margin:8px 4px 0 !important; font-style:italic !important; }
.u-88111d00 { width:36px !important; }
.u-8834a2d0 { display:flex; align-items:center !important; gap:6px !important; }
.u-883a6bad { font-size:1.2rem !important; font-weight:bold !important; color:#1E5C9B !important; margin-top:4px !important; }
.u-889aec99 { font-size:0.78rem !important; font-family:'Arial Narrow',Arial,sans-serif !important; }
.u-88a9cdff { font-size:1.1rem !important; font-weight:bold !important; margin-bottom:8px !important; }
.u-88bfa806 { font-size:1.5rem !important; color:#1E5C9B !important; }
.u-89033ef0 { display:flex; justify-content:center !important; align-items:center !important; gap:8px !important; flex-wrap:nowrap !important; white-space:nowrap !important; }
.u-8935a6a1 { width:80px !important; }
.u-894f8e75 { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.75) !important; z-index:10000 !important; align-items:center !important; justify-content:center !important; }
.u-897dce70 { background:#F3E5F5 !important; color:#7B1FA2 !important; padding:2px 8px !important; border-radius:12px !important; font-size:0.8rem !important; }
.u-89882de4 { margin:0 !important; flex:1 !important; }
.u-8996a5d1 { width:100% !important; font-size:0.9rem !important; }
.u-899f3287 { font-weight:bold !important; font-size:1rem !important; }
.u-89d270df { background:#F59E0B !important; color:#fff !important; padding:1px 8px !important; border-radius:10px !important; font-size:0.85rem !important; }
.u-89dd3831 { width:19% !important; }
.u-8a31dcfe { width:52px !important; padding:4px 4px !important; font-size:0.85rem !important; text-align:center !important; -moz-appearance:textfield !important; }
.u-8a31dcfe::-webkit-inner-spin-button,
.u-8a31dcfe::-webkit-outer-spin-button { -webkit-appearance:none !important; margin:0 !important; }
.u-8a639266 { font-size:0.78rem !important; color:#aaa !important; font-style:italic !important; }
.u-8accf1d2 { cursor:pointer !important; user-select:none !important; width:80px !important; }
.u-8b16ff1e { display:flex; align-items:center !important; gap:14px !important; cursor:pointer !important; user-select:none !important; }
.u-8b2da0b4 { white-space:nowrap !important; }
.u-8b2f848e { background:#f4f6f9 !important; }
.u-8b3546d0 { display:flex; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; }
.u-8b74cf06 { color:#888 !important; font-weight:400 !important; }
.u-8b76784a { padding:0 !important; background:linear-gradient(to bottom, rgba(21,66,114,0.8), #154272) !important; }
.u-8b9a44c8 { color:rgba(255,255,255,0.7) !important; font-size:0.82rem !important; }
.u-8bd9bfb6 { font-size:0.95rem !important; color:#000 !important; font-weight:bold !important; }
.u-8be82633 { font-size:0.85rem !important; color:#555 !important; line-height:1.6 !important; }
.u-8c2f3b22 { display:inline-flex; flex-direction:column !important; align-items:center !important; line-height:1.3 !important; font-size:0.95rem !important; }
.u-8c33dbb8 { font-size:1.05rem !important; line-height:1 !important; color:#FFD700 !important; }
.u-8c6ae036 { display:flex; gap:12px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-8c6bd025 { display:flex; gap:10px !important; justify-content:center !important; flex-wrap:wrap !important; margin:0 0 20px !important; }
.u-8c6cfd4e { padding:10px !important; text-align:center !important; font-size:1.6rem !important; color:#1E5C9B !important; white-space:nowrap !important; }
.u-8c8d2bcb { color:#1E5C9B !important; margin:0 0 12px !important; font-size:1.15rem !important; }
.u-8c8e7855 { font-size:0.7rem !important; color:#aaa !important; }
.u-8ccbe7f9 { width:22% !important; }
.u-8d05a0ea { cursor:pointer !important; background:#fff !important; }
.u-8d139995 { padding:12px 14px !important; background:#fff3e0 !important; border-left:4px solid #f39c12 !important; border-radius:4px !important; }
.u-8d1ce402 { color:#1E5C9B !important; margin:0 0 16px !important; font-size:1.1rem !important; text-align:center !important; }
.u-8d6728c8 { font-size:0.6rem !important; color:#999 !important; }
.u-8d816c45 { display:grid; grid-template-columns:1fr 1fr; gap:16px !important; text-align:left !important; }
.u-8d9b8281 { color:#555 !important; font-size:0.95rem !important; line-height:1.5 !important; margin-bottom:8px !important; }
.u-8dc83a4b { display:flex; align-items:center !important; flex-wrap:wrap !important; gap:6px !important; }
.u-8e073de0 { display:grid; gap:5px !important; width:100% !important; }
.u-8e2ff113 { padding:10px 20px !important; margin-bottom:12px !important; background:#154272 !important; color:#fff !important; }
.u-8ea90b8a { font-size:0.8rem !important; opacity:0.75 !important; }
.u-8ed568f8 { color:#555 !important; font-size:0.9rem !important; line-height:1.5 !important; margin:0 0 20px !important; }
.u-8ef835ec { font-size:0.9rem !important; color:#555 !important; line-height:1.6 !important; }
.u-8f10d436 { color:var(--cc-prompt-color) !important; font-family:'Roboto Mono',monospace !important; font-size:0.9rem !important; line-height:36px !important; font-weight:bold !important; }
.u-8f2f7732 { margin-bottom:2px !important; }
.u-8f4236a1 { padding:6px 4px !important; white-space:nowrap !important; }
.u-8f4c774d { font-size:0.82rem !important; color:rgba(255,255,255,0.7) !important; margin-top:2px !important; }
.u-8f648903 { font-size:0.7rem !important; color:#999 !important; }
.u-8fa7c161 { cursor:pointer !important; font-weight:bold !important; font-size:1.1rem !important; }
.u-8fb59671 { margin-top:10px !important; text-align:right !important; }
.u-8fdcdf1c { margin-top:20px !important; display:flex; gap:10px !important; justify-content:center !important; flex-wrap:wrap !important; }
.u-908c7045 { font-weight:bold !important; color:#000 !important; font-size:1.3rem !important; min-width:95px !important; flex-shrink:0 !important; }
.u-909a8dac { display:flex; align-items:center !important; gap:12px !important; cursor:pointer !important; font-size:0.95rem !important; justify-content:space-between !important; }
.u-90dd5888 { background:#fff !important; color:#1E5C9B !important; border-radius:6px !important; padding:4px 12px !important; font-size:0.88rem !important; font-weight:600 !important; text-decoration:none !important; }
.u-9113ff50 { border:1px solid #FFCDD2 !important; }
.u-912e6f87 { background:#1E3A5F !important; color:#fff !important; font-weight:bold !important; font-size:0.85rem !important; padding:4px 8px !important; }
.u-915bcb82 { text-align:left !important; padding:8px 4px !important; }
.u-91bbac56 { text-align:center !important; background:#1E5C9B !important; color:#fff !important; font-weight:bold !important; width:60px !important; }
.u-91bee6c9 { display:grid; grid-template-columns:repeat(3,1fr); gap:8px !important; margin-bottom:12px !important; padding-bottom:12px !important; border-bottom:2px solid #EEF3FA !important; }
.u-91d73b5a { color:#1E5C9B !important; margin:0 0 12px !important; }
.u-91e257d2 { font-size:0.75rem !important; padding:4px 8px !important; }
.u-91f6c3f5 { display:flex; gap:4px !important; flex-wrap:wrap !important; }
.u-91f6dad2 { color:#7CB9E8 !important; }
.u-924c8bd3 { text-align:center !important; padding:6px 8px !important; font-weight:normal !important; }
.u-927cdeef { max-width:280px !important; height:auto !important; margin-bottom:8px !important; }
.u-92a52bec { white-space:nowrap !important; font-size:1.1rem !important; padding:12px 20px !important; flex-shrink:0 !important; }
.u-92b65293 { display:flex; gap:12px !important; justify-content:center !important; flex-wrap:wrap !important; }
.u-92d17336 { margin-top:10px !important; }
.u-92e3ebe3 { cursor:pointer !important; user-select:none !important; padding:8px !important; text-align:left !important; }
.u-92f49ccd { padding:6px 12px !important; flex-shrink:0 !important; }
.u-931f2e4f { background:#F0F4F8 !important; border-left:4px solid #1E5C9B !important; border-radius:4px !important; padding:12px 16px !important; margin-bottom:20px !important; text-align:left !important; font-size:0.85rem !important; color:#555 !important; line-height:1.6 !important; }
.u-9325b908 { padding:12px 24px !important; display:flex; gap:8px !important; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; }
.u-934e8635 { text-align:center !important; padding:32px !important; color:#888 !important; }
.u-936a1974 { display:flex; align-items:baseline !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:8px !important; margin-bottom:12px !important; }
.u-93761be7 { font-size:0.95rem !important; padding:10px 24px !important; }
.u-937c963e { text-align:center !important; padding:24px !important; color:#888 !important; }
.u-93b0723f { font-size:0.85rem !important; white-space:nowrap !important; }
.u-93b8ea5b { display:none; }
.u-93d7a5f1 { display:flex; gap:10px !important; justify-content:center !important; margin-top:12px !important; }
.u-93f021f3 { margin-bottom:12px !important; display:flex; gap:6px !important; flex-wrap:wrap !important; align-items:center !important; }
.u-9400df38 { color:#CC0000 !important; font-size:2.4rem !important; font-weight:900 !important; width:100% !important; }
.u-9444de89 { font-size:1.1rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-945108b5 { font-size:0.9rem !important; color:#90EE90 !important; text-decoration:none !important; }
.u-945a2e41 { background:linear-gradient(135deg,#fff8f0,#ffe8d0) !important; border-radius:8px !important; padding:12px 16px !important; }
.u-948e38a0 { background:#fff !important; padding:24px !important; border-radius:8px !important; max-width:500px !important; width:90% !important; box-shadow:0 4px 20px rgba(0,0,0,0.3) !important; }
.u-94e1a091 { font-weight:bold !important; font-size:0.9rem !important; }
.u-94fa5573 { color:#555 !important; font-size:0.95rem !important; line-height:1.5 !important; margin:0 0 16px !important; }
.u-95135e19 { font-size:1.5rem !important; font-weight:bold !important; color:#CC0000 !important; }
.u-958569b5 { table-layout:fixed !important; width:100% !important; }
.u-959ed3cf { display:flex; gap:8px !important; flex-wrap:wrap !important; margin-bottom:16px !important; }
.u-95d47e69 { padding:0 18px !important; font-size:1.05rem !important; font-weight:bold !important; color:#FFD700 !important; white-space:nowrap !important; text-shadow:-2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000 !important; }
.u-9610543f { display:none; position:absolute !important; right:16px !important; background:#fff !important; border-radius:8px !important; box-shadow:0 4px 16px rgba(0,0,0,0.25) !important; min-width:150px !important; z-index:9999 !important; overflow:hidden !important; }
.u-964b5b54 { color:#1E5C9B !important; word-break:break-all !important; }
.u-96771832 { opacity:0.5 !important; cursor:not-allowed !important; font-size:1rem !important; padding:10px 28px !important; }
.u-96a338e2 { font-size:2rem !important; line-height:1 !important; color:#fff !important; font-weight:900 !important; }
.u-96ab9cda { text-align:center !important; color:#999 !important; padding:20px !important; }
.u-96d2c37f { font-weight:bold !important; color:#555 !important; font-size:0.85rem !important; margin-bottom:8px !important; text-transform:uppercase !important; letter-spacing:0.5px !important; }
.u-96fd3309 { background:#154272 !important; border-radius:8px !important; padding:8px 16px !important; margin-bottom:12px !important; font-size:0.95rem !important; color:rgba(255,255,255,0.7) !important; }
.u-9729a6da { width:60px !important; text-align:right !important; font-size:0.8rem !important; font-weight:600 !important; color:#555 !important; flex-shrink:0 !important; }
.u-9731cf8b { color:var(--cc-tab-active-color) !important; font-weight:bold !important; }
.u-973a00dd { font-weight:bold !important; color:#1E5C9B !important; }
.u-973d4c3c { font-size:1rem !important; margin-bottom:8px !important; }
.u-97794898 { cursor:pointer !important; user-select:none !important; width:52px !important; text-align:center !important; }
.u-97c38f78 { color:#ccc !important; padding:0 4px !important; }
.u-98189e52 { font-size:0.8rem !important; color:#888 !important; margin-left:6px !important; }
.u-9818bf32 { padding:0 !important; overflow-y:auto !important; flex:1 !important; display:none; font-size:0.9rem !important; line-height:1.6 !important; white-space:pre-wrap !important; word-break:break-word !important; padding:16px 24px !important; }
.u-9865b3f9 { text-align:center !important; font-weight:bold !important; color:#6FA8DC !important; }
.u-9868c8ef { background: var(--blue) !important; border: none !important; border-radius: 6px !important; color: #fff !important; cursor: pointer !important; font-weight: bold !important; white-space: nowrap !important; padding: 0 20px !important; font-size: 0.85rem !important; min-height: 36px !important; }
.u-986d1d0c { display:flex; flex-direction:column !important; gap:12px !important; }
.u-98d3a2c9 { text-align:center !important; padding:6px 4px !important; font-size:0.72rem !important; color:#fff !important; font-weight:bold !important; }
.u-98dc09ca { background:#F0F4F8 !important; border-left:4px solid #1B6B2F !important; border-radius:4px !important; padding:12px 16px !important; margin-bottom:20px !important; text-align:left !important; font-size:0.85rem !important; color:#555 !important; line-height:1.6 !important; }
.u-98de14ca { background:#EEE !important; border-radius:4px !important; height:8px !important; width:100px !important; display:inline-block; vertical-align:middle !important; }
/* Distance moyenne au drapeau par tranche : sur mobile, rétrécir la colonne Progression et son padding pour redonner de la place aux 1ère et 3ème colonnes (Distance / Dist. moy. drapeau) dont les titres s'éclatent sur plusieurs lignes. */
@media (max-width: 600px) {
    [data-block="approche_distances"] .u-98de14ca { width: 50px !important; }
    [data-block="approche_distances"] table .u-b9adf91f,
    [data-block="approche_distances"] table .u-335f2eb1 { padding: 6px 3px !important; }
}
.u-98ff3d72 { display:flex; gap:10px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-990c35b2 { display:flex; align-items:center !important; gap:16px !important; flex-wrap:wrap !important; }
.u-99123d54 { width:100% !important; border-collapse:collapse !important; font-size:0.7rem !important; }
.u-9960b290 { color:#333 !important; font-size:0.95rem !important; line-height:1.5 !important; margin:0 0 16px !important; }
.u-9970d16e { text-align:left !important; padding:6px 4px !important; font-size:0.72rem !important; color:#fff !important; }
.u-99aa6b1a { margin:16px 0 0 !important; font-size:1rem !important; font-weight:bold !important; }
.u-99da6322 { text-align:center !important; padding:6px 2px !important; font-size:0.78rem !important; }
.u-99f6e9fa { padding:10px 14px !important; font-size:1.1rem !important; font-weight:bold !important; background:#CC0000 !important; color:#fff !important; border:2px solid #000 !important; border-radius:8px !important; cursor:pointer !important; white-space:nowrap !important; }
.u-9a0bd1e2 { padding:10px 16px !important; flex:1 !important; margin-bottom:0 !important; background:#154272 !important; color:#fff !important; }

.u-9a1f7b8c { font-size:0.8rem !important; font-weight:bold !important; color:#555 !important; }
.u-9a20f48f { padding:4px 16px !important; background:transparent !important; box-shadow:none !important; margin-bottom:2px !important; }
.u-9a282cd3 { position:relative !important; height:160px !important; }
.u-9a7b828b { display:flex; gap:8px !important; align-items:flex-end !important; flex-wrap:wrap !important; }
.u-9a8472dc { margin:0 !important; min-width:150px !important; display:flex !important; align-items:center !important; gap:8px !important; }
.u-9a8472dc > label { display:inline-block !important; margin-bottom:0 !important; flex-shrink:0 !important; white-space:nowrap !important; }
.u-9a8472dc > select,
.u-9a8472dc > #filter-category { flex:1 1 auto !important; min-width:0 !important; font-size:0.85rem !important; padding:6px 10px !important; min-height:36px !important; }
.u-9a8f7387 { font-size:0.82rem !important; white-space:nowrap !important; cursor:pointer !important; }
.u-9b85f7a7 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:12px !important; flex-wrap:wrap !important; }
.u-9b8adcec { font-size:0.85rem !important; color:#888 !important; margin-top:2px !important; }
.u-9ba1dc32 { font-size:0.8rem !important; padding:4px 10px !important; }
.u-9c061b8d { font-size:0.85rem !important; cursor:pointer !important; display:flex; align-items:center !important; gap:4px !important; }
.u-9c08e95f { background:#EEF3FA !important; border-radius:8px !important; padding:10px !important; text-align:center !important; }
.u-9c1198d6 { width:100% !important; border-collapse:collapse !important; font-size:0.88rem !important; }
.u-9c221fee { display:flex; gap:8px !important; align-items:flex-end !important; flex-wrap:nowrap !important; }
.u-9c96bdd8 { display:flex; gap:6px !important; margin-top:6px !important; flex-wrap:wrap !important; }
.u-9c9d8287 { font-weight:bold !important; margin-bottom:12px !important; }
.u-9cccc73c { width:100% !important; border-collapse:collapse !important; background:#fff !important; border-radius:8px !important; overflow:hidden !important; box-shadow:0 1px 3px rgba(0,0,0,0.1) !important; margin-bottom:24px !important; }
.u-9ce439c2 { display:flex; align-items:center !important; justify-content:space-between !important; gap:8px !important; width:100% !important; }
.u-9d31cffd { color:var(--cc-claude-label) !important; font-weight:bold !important; }
.u-9d348c52 { width:130px !important; text-align:center !important; font-size:1.8rem !important; letter-spacing:10px !important; padding:8px !important; }
.u-9d35614b { color:#CC0000 !important; }
.u-9de58123 { padding:2px 6px !important; font-size:0.8rem !important; }
.u-9df58a34 { height:auto !important; min-height:120px !important; }
.u-9e0b5306 { display:flex; gap:3px !important; justify-content:center !important; flex-wrap:nowrap !important; }
.u-9e44c7ec { color:#aaa !important; text-align:center !important; margin:16px 0 !important; }
.u-9e7f8d82 { padding:4px 10px !important; border:1px solid #DDE3EE !important; background:#fff !important; border-radius:4px !important; cursor:pointer !important; font-size:0.82rem !important; }
.u-9e9e42b6 { text-align:center !important; color:#1B6B2F !important; }
.u-9f17181d { font-size:1.3rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-9f18b7fc { width:120px !important; padding:8px !important; font-size:1.5rem !important; font-weight:bold !important; text-align:center !important; border:2px solid #DDE3EE !important; border-radius:8px !important; }
.u-9f632fb0 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px !important; margin-bottom:16px !important; }
.u-a003974a { font-weight:bold !important; color:#555 !important; font-size:1rem !important; min-width:55px !important; }
.u-a004524f { font-weight:bold !important; font-size:1.3rem !important; white-space:nowrap !important; flex-shrink:0 !important; }
.u-a0069bcd { color:#666 !important; font-size:0.9rem !important; }
.u-a03013b7 { text-align:center !important; margin-bottom:10px !important; }
.u-a0671e6f { font-size:0.8rem !important; color:#aaa !important; }
.u-a07439f2 { color:#aac !important; }

.u-a0b94392 { color:#CC0000 !important; margin:0 0 12px !important; font-size:1.25rem !important; text-align:center !important; }
.u-a130b82a { display:flex; align-items:center !important; gap:10px !important; margin-bottom:10px !important; }
.u-a19a7ef5 { text-align:center !important; padding:8px 0 !important; }
.u-a19c87c1 { color:#7CB9E8 !important; font-weight:bold !important; text-decoration:none !important; }
.u-a1ada072 { display:flex; align-items:center !important; justify-content:space-between !important; margin-bottom:8px !important; flex-wrap:wrap !important; gap:6px !important; }
.u-a1b02bb1 { font-size:0.8rem !important; font-weight:bold !important; color:#90EE90 !important; text-decoration:none !important; }
.u-a20901f2 { text-align:left !important; padding:8px !important; }
.u-a21ee7d4 { text-align:center !important; margin-bottom:24px !important; color:#555 !important; }
.u-a23190a8 { margin-bottom:16px !important; padding:16px 20px !important; background:#154272 !important; color:#fff !important; }
.u-a25f679e { padding:10px !important; text-align:center !important; color:#1B6B2F !important; font-weight:bold !important; }
.u-a296407f { font-size:2rem !important; font-weight:bold !important; color:#95a5a6 !important; }
.u-a2a19e8f { color:#27ae60 !important; font-weight:bold !important; }
.u-a2ab4cfd { background:#EEE !important; border-radius:4px !important; height:12px !important; margin-top:8px !important; }
.u-a2d1f252 { font-size:2rem !important; font-weight:bold !important; }
.u-a2d48c76 { margin-bottom:0 !important; }
.u-a30f55fc { padding:6px 8px !important; text-align:left !important; }
.u-a33b77b3 { margin-top:16px !important; padding:12px !important; background:#EEF3FA !important; border-radius:8px !important; }
.u-a363c099 { margin-left:auto !important; font-size:0.8rem !important; color:#888 !important; }
.u-a3794d17 { padding:8px !important; white-space:normal !important; font-size:0.85rem !important; overflow:hidden !important; word-break:break-word !important; }
.u-a388f609 { padding:10px !important; text-align:center !important; font-size:1.2rem !important; color:#1E5C9B !important; }
.u-a3e97137 { width:7% !important; }
.u-a3f7cb0c { display:flex; flex-direction:column !important; align-items:flex-end !important; gap:6px !important; flex-shrink:0 !important; }
.u-a4191f92 { padding:8px 12px !important; text-align:center !important; }
.u-a428c158 { font-size:1.05rem !important; font-weight:bold !important; }
.u-a4785679 { font-size:0.8rem !important; opacity:0.7 !important; }
.u-a4d92076 { background:#FFF3E0 !important; border-left:4px solid #E65100 !important; border-radius:6px !important; padding:12px 14px !important; margin-bottom:14px !important; }
.u-a4ed99ad { font-size:1rem !important; font-weight:bold !important; color:#3deb34 !important; }
.u-a4fa5eb1 { background:#CC0000 !important; color:#fff !important; border:none !important; font-size:1.1rem !important; font-weight:bold !important; padding:12px 28px !important; }
.u-a500b682 { font-size:0.9rem !important; color:#333 !important; line-height:1.6 !important; margin-bottom:12px !important; }
.u-a5e12faf { padding:10px 16px !important; margin-bottom:16px !important; background:#fff !important; display:flex; gap:12px !important; flex-wrap:wrap !important; align-items:center !important; }
.u-a5e12faf > .u-8588e44d { margin-left:auto !important; }
.u-a600cde2 { cursor:pointer !important; user-select:none !important; padding:4px 2px !important; text-align:center !important; white-space:nowrap !important; font-size:0.75rem !important; }
.u-a64ae077 { background:#FAFBFC !important; border:1px dashed #DDE3EE !important; border-radius:8px !important; padding:16px !important; margin-top:12px !important; }
.u-a661971c { font-size:1.1rem !important; color:#1E5C9B !important; }
.u-a6e4fbcf { color:#000 !important; font-weight:bold !important; }
.u-a6f8a38b { background:#fff !important; border-radius:12px !important; max-width:500px !important; width:100% !important; padding:28px 24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; text-align:center !important; position:relative !important; }
.u-a712069f { padding:8px 12px !important; border-bottom:1px solid var(--cc-border,#e0e0e0) !important; }
.u-a7191d54 { font-weight:400 !important; font-size:0.8rem !important; color:var(--cc-label-color,#999) !important; }
.u-a7675460 { margin:0 !important; font-size:1rem !important; }
.u-a7cd20c8 { display:flex; justify-content:center !important; gap:24px !important; font-size:0.95rem !important; color:#555 !important; margin-bottom:16px !important; }
.u-a808d243 { font-size:0.75rem !important; color:#888 !important; margin-top:8px !important; text-align:center !important; }
.u-a833a409 { max-width:400px !important; }
.u-a852fe7d { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px !important; margin-bottom:16px !important; }
.u-a8827e91 { border-radius:0 0 8px 8px !important; margin-top:0 !important; }
.u-a8afbb1c { overflow-x:auto !important; margin-top:12px !important; }
.u-a8bd9237 { font-size:0.75rem !important; opacity:0.75 !important; }
.u-a8fc2849 { width:100% !important; padding:16px !important; }
.u-a9221c85 { width:40px !important; }
.u-a98b9105 { width:22px !important; }
.u-a98d3f72 { font-size:0.7rem !important; color:#ccc !important; }
.u-a9ae00d1 { max-width:700px !important; margin:0 auto !important; }
.u-aa0dd847 { font-size:1.15rem !important; font-weight:bold !important; color:#5d4037 !important; }
.u-aa1c3402 { font-size:0.85rem !important; padding:3px 7px !important; background:#DC3545 !important; color:#fff !important; border:none !important; border-radius:4px !important; cursor:pointer !important; font-weight:bold !important; line-height:1 !important; margin-left:4px !important; }
.u-aa203e33 { max-width:600px !important; }
.u-aa6b0fd9 { width:60px !important; }
.u-aad7959e { font-size:0.75rem !important; color:#888 !important; margin-bottom:4px !important; }
.u-aadf9a6e { font-size:0.85rem !important; padding:6px 14px !important; }
.u-aaf7a35a { width:70% !important; height:70% !important; }
.u-ab29a7aa { cursor:pointer !important; user-select:none !important; width:60px !important; }
.u-ab4117bb { display:flex; justify-content:space-between !important; align-items:flex-start !important; gap:8px !important; }
.u-ab8895ab { font-size:0.85rem !important; font-weight:bold !important; color:#5BA8D9 !important; text-decoration:none !important; }
.u-abbada2e { color:#888 !important; font-size:0.78rem !important; text-transform:uppercase !important; border-bottom:1px solid #e0e0e0 !important; }
.u-abccde51 { font-size:1.1rem !important; padding:12px !important; aspect-ratio:1 !important; display:inline-flex; align-items:center !important; justify-content:center !important; }
.u-abcfad72 { max-height:400px !important; overflow-y:auto !important; }
.u-abf40157 { font-size:2rem !important; font-weight:bold !important; color:#e67e22 !important; }
.u-ac8b3fa2 { color:#3deb34 !important; }
.u-acc0a785 { font-size:0.88rem !important; color:#666 !important; }
.u-acf58999 { font-size:1.4rem !important; font-weight:bold !important; color:#CC0000 !important; line-height:1.1 !important; }
.u-ad1d2cb1 { font-size:0.65rem !important; color:rgba(255,255,255,0.55) !important; letter-spacing:0.03em !important; }
.u-ad25d96e { display:flex; justify-content:flex-end !important; margin-bottom:16px !important; }
.u-ad6f7d3a { font-size:0.92rem !important; table-layout:fixed !important; width:100% !important; font-family:'Arial Narrow',sans-serif !important; }
.u-ad751251 { padding:8px 12px !important; text-align:center !important; width:60px !important; }
.u-ad826364 { text-align:left !important; padding:10px 12px !important; border-bottom:2px solid #ddd !important; }
.u-ae13ba85 { background:#1a1a2e !important; color:#e0e0e0 !important; padding:16px !important; border-radius:8px !important; font-size:0.82rem !important; line-height:1.6 !important; overflow-x:auto !important; max-height:300px !important; overflow-y:auto !important; margin:0 !important; }
.u-ae47899e { margin-bottom:6px !important; color:#555 !important; font-size:0.9rem !important; }
.u-aeed625e { color:#1E5C9B !important; font-size:1.2rem !important; }
.u-af09028b { grid-column:span 2 !important; }
.u-af0d086f { margin:0 !important; min-width:180px !important; }
.u-af34db1f { font-size:1rem !important; font-weight:bold !important; color:#FFD700 !important; }
.u-af3827ab { background:rgba(255,255,255,0.18) !important; border-radius:6px !important; padding:4px 12px !important; font-size:0.88rem !important; }
.u-af3d494c { text-align:right !important; font-size:0.8rem !important; color:rgba(255,255,255,0.6) !important; }
.u-af475f56 { color:#555 !important; font-size:0.9rem !important; line-height:1.6 !important; margin:0 0 12px !important; }
.u-af84a32d { display:flex; gap:10px !important; flex-wrap:wrap !important; justify-content:center !important; align-items:stretch !important; }
.u-afdd3410 { font-weight:bold !important; color:#1E5C9B !important; margin-bottom:6px !important; }
.u-aff7ae24 { display:flex; gap:32px !important; align-items:center !important; }
.u-b017c609 { font-size:0.72rem !important; color:#888 !important; margin-top:2px !important; }
.u-b0c0ebd6 { padding:6px 8px !important; color:#1E5C9B !important; font-weight:500 !important; }
.u-b0c788e2 { text-align:center !important; font-size:0.75rem !important; }
.u-b12c3fc9 { font-size:0.7rem !important; color:#aaa !important; margin-top:8px !important; font-style:italic !important; }
.u-b183aebb { padding:16px !important; border:2px solid #1E5C9B !important; border-radius:8px !important; cursor:pointer !important; transition:border-color 0.2s !important; }
.u-b186b4d8 { background:#fff !important; border-radius:16px !important; padding:40px 48px !important; text-align:center !important; box-shadow:0 8px 32px rgba(0,0,0,0.2) !important; max-width:340px !important; }
.u-b1dad022 { margin-top:12px !important; padding-top:10px !important; border-top:1px solid rgba(255,255,255,0.2) !important; }
.u-b1f72fac { padding:0 0 8px 0 !important; }
.u-b20db3cd { display:flex; align-items:center !important; gap:8px !important; line-height:1.2 !important; flex:1 !important; min-width:0 !important; }
.u-b217894f { text-align:left !important; padding:6px 0 !important; }
.u-b2343c05 { font-weight:bold !important; font-size:1.3rem !important; }
.u-b23b27c4 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px !important; margin-top:8px !important; }
.u-b277a65f { padding:4px 0 !important; font-weight:bold !important; }
.u-b2b3828b { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px !important; margin-bottom:16px !important; }
.u-b2b5c94e { text-align:center !important; line-height:1.2 !important; }
.u-b2b939c8 { max-height:260px !important; overflow-y:auto !important; border:1px solid #e0e4ea !important; border-radius:6px !important; padding:4px 0 !important; }
.u-b2cb0ccf { display:flex; align-items:center !important; gap:8px !important; padding:6px 4px !important; cursor:pointer !important; border-radius:4px !important; line-height:1.3 !important; flex-wrap:wrap !important; }
.u-b2d56e39 { margin:0 !important; flex-shrink:0 !important; }
.u-b2e452b0 { padding:8px 4px !important; font-weight:bold !important; }
.u-b3000120 { font-size:0.85rem !important; }
.u-b30e2c0f { margin-bottom:8px !important; }
.u-b3522408 { text-align:center !important; color:#CC0000 !important; }
.u-b38672f9 { font-size:0.85rem !important; color:#555 !important; font-weight:bold !important; }
.u-b3892f13 { width:10% !important; }
.u-b39cef01 { padding:6px 4px !important; word-break:break-all !important; }
.u-b3afe924 { color:#D97757 !important; }
.u-b3de2b51 { background:#D97757 !important; color:#fff !important; border-radius:8px !important; text-decoration:none !important; }
.u-b3e54607 { display:flex; align-items:center !important; gap:5px !important; }
.u-b3f9a5e6 { grid-column:1/-1 !important; background:#fff8e1 !important; color:#CC0000 !important; border-color:#f9a825 !important; font-size:1.3rem !important; }
.u-b42f25fd { font-size:1rem !important; font-family:Helvetica,Arial,sans-serif !important; }
.u-b4726900 { padding:3px 8px !important; font-size:0.78rem !important; }
.u-b475036b { margin-left:4px !important; }
.u-b47ccf96 { color:#aaa !important; font-size:0.9rem !important; margin:0 !important; }
.u-b483aaa0 { font-size:1.05rem !important; color:#1E5C9B !important; }
.u-b49da413 { display:flex; align-items:center !important; justify-content:space-between !important; padding:12px 16px !important; cursor:pointer !important; user-select:none !important; }
.u-b4afe34a { display:none; background:#FFF8E1 !important; border:2px solid #FFD700 !important; border-radius:8px !important; padding:10px 16px !important; margin-bottom:16px !important; font-size:0.9rem !important; color:#333 !important; text-align:center !important; }
.u-b4b3d0f1 { width:52px !important; }
.u-b4c29039 { padding:10px 12px !important; background:#e7f3fe !important; border-left:4px solid #3498db !important; border-radius:4px !important; font-size:0.85rem !important; margin-bottom:14px !important; }
.u-b51132dd { width:100% !important; display:flex; flex-direction:column !important; }

.u-b546e095 { font-size:0.8rem !important; color:#666 !important; margin-top:4px !important; }
.u-b576ced6 { display:grid; grid-template-columns:1fr 1fr; gap:16px !important; margin-bottom:16px !important; }
.u-b5927153 { color:#fff !important; }
.u-b5fe9490 { padding:10px !important; text-align:center !important; color:#B05000 !important; font-weight:bold !important; }
.u-b64a9e58 { background:#FFEBEE !important; border-radius:8px !important; padding:12px !important; }
.u-b65eb2d2 { font-size:1.05rem !important; font-weight:bold !important; color:#154272 !important; margin-bottom:8px !important; }
.u-b660b716 { display:flex; align-items:stretch !important; gap:12px !important; margin-bottom:4px !important; }
.u-b6737a5e { text-align:center !important; margin:24px 0 !important; }
.u-b6756d1a { width:70px !important; text-align:center !important; }
.u-b692cb6d { font-size:2rem !important; margin-bottom:8px !important; text-align:center !important; }
.u-b69acc73 { font-size:0.95rem !important; color:#888 !important; }
.u-b69e9fcf { font-size:0.85rem !important; color:#888 !important; text-align:center !important; padding:8px 0 !important; }
.u-b6bf98bb { font-size:0.95rem !important; font-weight:bold !important; margin-left:8px !important; color:#5BA8D9 !important; text-decoration:none !important; }
.u-b6ca3c80 { color:#1B6B2F !important; }
.u-b6d0d46a { display:flex; align-items:center !important; gap:8px !important; margin-top:8px !important; flex-wrap:wrap !important; }
.u-b6e64d63 { padding:8px 12px !important; background:#fff3cd !important; border-radius:4px !important; font-family:monospace !important; }
.u-b700c475 { padding:16px !important; border:2px solid #DDE3EE !important; border-radius:8px !important; cursor:pointer !important; transition:border-color 0.2s !important; }
.u-b700d3cf { margin:0 0 8px 0 !important; }
.u-b72e7317 { margin:0 !important; padding-left:20px !important; font-family:monospace !important; font-size:0.85rem !important; }
.u-b7a28631 { text-align:center !important; color:#888 !important; padding:8px !important; }
.u-b7a5c9d8 { width:100% !important; padding:10px 14px !important; border:1px solid rgba(255,255,255,0.4) !important; border-radius:var(--radius) !important; font-size:1rem !important; font-weight:700 !important; background:#fff !important; color:#222 !important; min-height:44px !important; cursor:pointer !important; }
.u-b7e0c278 { display:flex; align-items:center !important; gap:8px !important; line-height:1.2 !important; margin:0 !important; flex:1 !important; min-width:0 !important; }
/* Titres des entraînements à thème (drapeaux, bunker, attack, short_game, save_par,
   driver_piste, putting…) toujours en blanc — la bannière de page-header a un fond
   sombre/photo. Sélecteur volontairement spécifique (0,2,2) pour battre la règle
   `body .page-header h1{color:var(--navy-900)!important}` du thème vanilla (0,1,2)
   et l'override sombre du thème parformance, quel que soit l'ordre de chargement. */
body .page-header h1.u-b7e0c278,
body .page-header h1.u-b7e0c278 .u-c759ac95 span:first-child { color:#fff !important; }
.u-b7e50e6f { display:grid; grid-template-columns:repeat(5, 1fr); grid-auto-rows:1fr !important; gap:8px !important; margin-bottom:20px !important; }
.u-b804283a { color:#666 !important; }
.u-b80a327b { font-size:0.75rem !important; text-align:center !important; word-break:break-word !important; line-height:1.3 !important; }
.u-b83def83 { display:grid; gap:10px !important; margin-bottom:16px !important; }
.u-b8478284 { font-size:0.75rem !important; color:#666 !important; text-transform:uppercase !important; letter-spacing:0.5px !important; }
.u-b90b619b { max-width:200px !important; max-height:120px !important; border-radius:6px !important; border:1px solid #DDE3EE !important; }
.u-b95e8546 { font-size:0.85rem !important; color:#555 !important; margin-bottom:12px !important; line-height:1.6 !important; }
.u-b997e037 { margin-top:12px !important; display:flex; gap:8px !important; flex-wrap:wrap !important; }
.u-b9adf91f { padding:10px !important; text-align:center !important; }
.u-b9cb260d { padding:8px !important; text-align:center !important; font-weight:bold !important; }
.u-ba037147 { color:#1E5C9B !important; margin:0 0 12px !important; font-size:1.25rem !important; }
.u-ba2c5c3e { font-size:2rem !important; }
.u-ba36b070 { padding:20px !important; margin-bottom:20px !important; background:#154272 !important; color:#fff !important; text-align:center !important; }
.u-ba63a4e1 { text-align:center !important; color:#888 !important; }
.u-ba91c11c { width:100% !important; border-collapse:collapse !important; font-size:0.85rem !important; margin-top:16px !important; }
.u-ba9f2844 { position:relative !important; height:250px !important; }
.u-baf3ab7c { background:none !important; border:none !important; font-size:1.4rem !important; cursor:pointer !important; color:#888 !important; }
.u-bb05f82b { display:grid; grid-template-columns:1fr 1fr; gap:10px !important; margin-bottom:14px !important; }
.u-bb417588 { width:100% !important; box-sizing:border-box !important; padding:7px 10px !important; border:1px solid #ccc !important; border-radius:6px !important; font-size:0.9rem !important; background:#fff !important; color:#222 !important; outline:none !important; }
.u-bb4cba5d { display:flex; justify-content:space-between !important; align-items:center !important; padding:6px 0 !important; border-bottom:1px solid #EEE !important; }
.u-bb6418ef { background:rgba(255,255,255,0.18) !important; border-radius:6px !important; padding:4px 12px !important; font-size:0.88rem !important; font-weight:600 !important; text-decoration:none !important; color:#fff !important; }
.u-bb80d86e { display:flex; height:20px !important; border-radius:4px !important; overflow:hidden !important; }
.u-bb88a413 { font-weight:bold !important; text-align:center !important; }
.u-bbb2db11 { padding:10px !important; text-align:center !important; font-size:1.6rem !important; color:#1E5C9B !important; }
.u-bc0f085a { padding:10px 12px !important; margin-bottom:16px !important; }
.u-bc94eb09 { color:#fff !important; text-decoration:none !important; font-size:0.8rem !important; }
.u-bce10dfa { font-size:0.9rem !important; color:#888 !important; margin-bottom:4px !important; }
.u-bd34864f { display:flex; gap:8px !important; align-items:center !important; margin-bottom:8px !important; flex-wrap:wrap !important; }
.u-bd4ba714 { width:72px !important; }
.u-bd763a6c { background:rgba(27,107,47,0.15) !important; border:2px solid #1B6B2F !important; border-radius:6px !important; padding:8px 4px !important; text-align:center !important; min-height:52px !important; display:flex; flex-direction:column !important; justify-content:center !important; }
.u-bd844038 { font-size:2.5rem !important; margin-bottom:16px !important; }
.u-bd9e5082 { background:linear-gradient(135deg,#EEF3FA,#d8e8f8) !important; border-radius:8px !important; padding:12px 16px !important; display:flex; align-items:center !important; gap:12px !important; }
.u-bdb4ada8 { color:#555 !important; font-size:0.9rem !important; line-height:1.7 !important; }
.u-bdc7e233 { font-size:0.8rem !important; color:#888 !important; }
.u-bee60675 { background:#E3F2FD !important; border-left:4px solid #1E5C9B !important; border-radius:6px !important; padding:12px 14px !important; margin-bottom:14px !important; }
.u-bef24fad { margin-top:16px !important; padding:16px 20px !important; text-align:center !important; }
.u-bf4aabe2 { display:flex; gap:16px !important; margin-bottom:16px !important; }
.u-bf7bae1c { background:#DDE3EE !important; color:#555 !important; text-decoration:none !important; display:flex; align-items:center !important; flex-wrap:nowrap !important; }
.u-bf8c91c5 { font-size:0.82rem !important; color:#888 !important; margin-bottom:6px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; }
.u-bfb7d257 { display:grid; grid-template-columns:1fr 1fr; gap:16px !important; margin-bottom:16px !important; align-items:stretch !important; }
.u-bfb88806 { color:#aaa !important; font-style:italic !important; }

.u-bfd7fff0 { font-size:1rem !important; flex-shrink:0 !important; }
.u-bfe04042 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px !important; }
.u-bfeca501 { width:100% !important; font-size:0.85rem !important; }
.u-bffc8f6d { position:fixed !important; top:0 !important; left:-380px; width:min(360px, 92vw); height:100vh !important; height:100dvh !important; background:#154272 !important; box-shadow:4px 0 16px rgba(0,0,0,0.2) !important; z-index:300 !important; transition:left 0.25s ease, visibility 0s linear 0.25s; display:flex; flex-direction:column !important; overflow:hidden !important; visibility:hidden; }
/* Nom du parcours sous le nom du golf : gold franc, contour noir soft (flou 1px pour éviter le rendu marron du 0px dur) */
.u-c00c6629 { color:#FFD700 !important; margin-top:4px !important; font-size:1.4rem !important; font-weight:bold !important; text-shadow:-1px -1px 1px rgba(0,0,0,0.8), 1px -1px 1px rgba(0,0,0,0.8), -1px 1px 1px rgba(0,0,0,0.8), 1px 1px 1px rgba(0,0,0,0.8) !important; }
.u-c0291754 { text-align:center !important; margin-top:16px !important; font-size:0.85rem !important; color:#888 !important; }
.u-c02fa2c1 { padding:3px 8px !important; font-family:monospace !important; font-size:0.72rem !important; color:#CC0000 !important; border-bottom:1px solid #eee !important; }
.u-c0409e23 { width:16px !important; height:1px !important; background:#555 !important; display:block; margin:1px 0 !important; }
.u-c06e4395 { text-align:center !important; padding:8px !important; width:55px !important; }
.u-c076ad82 { font-size:0.9rem !important; gap:6px !important; }
.u-c0787bde { font-size:0.75rem !important; padding:3px 8px !important; }

.u-c16f972c { width:100% !important; overflow-x:auto !important; }
.u-c18326f1 { padding:10px !important; text-align:center !important; color:#1E5C9B !important; }
.u-c19aad9a { margin-top:8px !important; text-align:right !important; }
.u-c1eaac10 { background:#FEE !important; padding:2px 6px !important; border-radius:4px !important; color:#CC0000 !important; }
.u-c1ed7444 { width:21px !important; height:21px !important; border-radius:50% !important; display:inline-block; border:1px solid #000 !important; }
.u-c202ba39 { font-size:0.7rem !important; color:#aaa !important; margin-bottom:4px !important; }
.u-c2122cbf { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:10px !important; font-size:0.82rem !important; font-family:'Arial Narrow',Arial,sans-serif !important; }
.u-c21de0a2 { padding:16px !important; margin-bottom:0 !important; }
.u-c230be21 { margin-bottom:16px !important; padding:8px 14px !important; background:#1E5C9B !important; color:#fff !important; }
.u-c268c76b { font-size:1.05rem !important; font-weight:bold !important; color:#E65100 !important; margin-top:4px !important; }
.u-c2a082db { font-size:1.6rem !important; font-weight:bold !important; color:#1E5C9B !important; margin-bottom:12px !important; ${strokeText} !important; }

.u-c2c465ac { color:#888 !important; font-style:italic !important; }
.u-c2d66eb2 { font-size:0.82rem !important; color:#888 !important; text-align:center !important; line-height:1.3 !important; }
.u-c2f840f7 { cursor:grab !important; color:#ccc !important; font-size:1.2rem !important; user-select:none !important; }
.u-c313e420 { display:flex; flex-direction:column !important; gap:8px !important; text-align:left !important; }
.u-c33f8f97 { padding:11px 24px !important; font-size:1.15rem !important; }
.u-c34894aa,
.u-c34894aa td { background:#1E5C9B !important; color:#fff !important; font-weight:bold !important; }
.u-c3cfe57a { padding:20px 24px 12px !important; }
.u-c3d3a6f2 { text-align:center !important; padding:6px 0 !important; }
.u-c42e01df { text-align:center !important; padding:14px !important; }
.u-c4495fce { overflow-y:auto !important; flex:1 !important; }
.u-c460bc90 { opacity:0.7 !important; font-size:0.85rem !important; }
.u-c46a9ddd { margin:6px 0 0 0 !important; padding-left:18px !important; line-height:1.7 !important; }
.u-c48503c4 { position:relative !important; flex:0 1 auto !important; overflow:hidden !important; display:flex; flex-direction:column !important; }

.u-c4fae78e { display:grid; grid-template-columns:1fr 1fr 1fr 1fr auto; gap:12px !important; align-items:end !important; }
.u-c513ff8a { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.4) !important; z-index:200 !important; }
.u-c529d43b { font-size:0.78rem !important; color:#888 !important; margin:4px 0 !important; }
.u-c52e131a { display:grid; grid-template-columns:repeat(4, 1fr); gap:8px !important; margin-top:8px !important; }
.u-c572ed5b { display:flex; justify-content:space-between !important; align-items:center !important; padding:12px 20px !important; border-bottom:1px solid #1E5C9B !important; position:sticky !important; top:0 !important; background:#ffffff !important; z-index:1 !important; }
.u-c57b4fd4 { display:flex; flex-direction:column !important; gap:3px !important; }
.u-c5814568 { width:60px !important; vertical-align:middle !important; }
.u-c58d5bea { margin-bottom:10px !important; }
.u-c5c85064 { padding:5px 8px !important; }
.u-c5ecb23c { display:flex; gap:12px !important; margin-top:4px !important; flex-wrap:wrap !important; }
.u-c619cba2 { margin-bottom:16px !important; padding:16px !important; }
.u-c61c4c6d { padding:8px 0 !important; }
.u-c6676c5e { accent-color:#3deb34 !important; }
.u-c6b3c27d { overflow-y:auto !important; flex:1 !important; padding:12px !important; }
.u-c6b59d98 { text-align:right !important; color:#aaa !important; }
.u-c6f21995 { flex-shrink:0 !important; color:#000 !important; border-color:rgba(255,255,255,0.4) !important; background:rgba(255,255,255,0.85) !important; }
.u-c7095bc0 { white-space:nowrap !important; padding:2px 10px !important; font-size:0.78rem !important; }
.u-c759ac95 { display:flex; flex-direction:column !important; line-height:1.15 !important; }
.u-c75e7af3 { font-size:0.7rem !important; color:#888 !important; margin-top:4px !important; }
.u-c76e12d4 { font-size:0.75rem !important; background:#1E5C9B !important; color:#fff !important; padding:1px 6px !important; border-radius:4px !important; font-weight:normal !important; }
.u-c794e8f4 { margin:0 !important; width:110px !important; flex-shrink:0 !important; }
.u-c79671d2 { color:#B05000 !important; flex:1 !important; min-width:0 !important; }
.u-c7a439aa { display:flex; gap:4px !important; align-items:center !important; flex-wrap:wrap !important; }
.u-c7cd2b5b { background:#EEF3FA !important; color:#1E5C9B !important; padding:3px 10px !important; border-radius:16px !important; font-size:0.85rem !important; }
.u-c82cb65f { font-weight:bold !important; font-size:0.95rem !important; color:#1B6B2F !important; }
.u-c84be66e { color:#888 !important; font-size:0.7rem !important; }
.u-c84f2dc8 { padding:5px 8px !important; text-align:center !important; font-weight:bold !important; }
.u-c8509447 { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.5) !important; z-index:var(--z-modal) !important; align-items:center !important; justify-content:center !important; }
.u-c85590f3 { font-size:0.95rem !important; margin-bottom:1px !important; }
.u-c85ff48d { position:absolute !important; top:8px !important; right:12px !important; background:none !important; border:none !important; font-size:1.4rem !important; cursor:pointer !important; color:#888 !important; }
.u-c879ac14 { white-space:nowrap !important; overflow:visible !important; }
.u-c8f32574 { color:rgba(255,255,255,0.7) !important; font-size:0.85rem !important; margin-left:8px !important; }
.u-c95da51a { border:none !important; border-top:1px solid #EEF3FA !important; margin:0 0 8px 0 !important; }
.u-c9616b74 { margin:0 0 10px 0 !important; display:flex; align-items:center !important; gap:10px !important; }
.u-c966af2e { display:flex; margin:0 !important; }
.u-c96eff4e { display:flex; flex-direction:column !important; align-items:center !important; }
.u-c98842a3 { margin-bottom:6px !important; padding-bottom:6px !important; }
.u-c99c6209 { padding:16px !important; background:#154272 !important; color:#fff !important; }
.u-c9de98e4 { width:100% !important; text-align:left !important; margin-bottom:0 !important; border-radius:8px 8px 0 0 !important; display:flex; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; }
.u-ca01089d { background:#154272 !important; color:#fff !important; border-radius:10px !important; padding:10px 20px !important; flex:1 !important; min-width:0 !important; }
.u-ca0662c3 { background:none !important; border:none !important; cursor:pointer !important; color:#fff !important; font-size:2.48rem !important; padding:0 !important; line-height:1 !important; min-width:44px !important; min-height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.u-ca06fdf7 { ${lbl} !important; }
.u-ca168c1f { text-align:center !important; padding:4px 0 !important; font-weight:normal !important; }
.u-ca2253fb { font-size:1.4rem !important; font-weight:600 !important; }

.u-cac7a3ed { font-weight:bold !important; font-size:0.95rem !important; }
.u-cafc7820 { display:flex; gap:10px !important; flex-wrap:wrap !important; }
.u-cb15c6f7 { text-align:center !important; font-size:0.9rem !important; }
.u-cb1c9d5e { color:#999 !important; font-size:1rem !important; margin-bottom:20px !important; }
.u-cb2884ed { font-size:0.85rem !important; color:#555 !important; margin-bottom:12px !important; }
.u-cb3b846f { padding:10px 12px !important; border-bottom:1px solid #eee !important; }
.u-cb72f33d { font-weight:bold !important; color:#1E5C9B !important; font-size:0.85rem !important; margin-bottom:6px !important; padding-bottom:4px !important; border-bottom:1px solid #DDE3EE !important; }
.u-cb94001d { font-size:0.85rem !important; color:rgba(255,255,255,0.8) !important; margin-top:2px !important; }
.u-cbaf841f { width:100% !important; border-radius:6px !important; display:none; }
.u-cc275595 { width:52px !important; padding:4px 4px !important; font-size:0.85rem !important; text-align:center !important; -moz-appearance:textfield !important; }
.u-cc275595::-webkit-inner-spin-button,
.u-cc275595::-webkit-outer-spin-button { -webkit-appearance:none !important; margin:0 !important; }
.u-cc2aaeed { display:flex; gap:4px !important; flex-shrink:0 !important; }
.u-cc3809d2 { padding:6px 8px !important; font-weight:600 !important; color:#333 !important; }
.u-cc99cda5 { font-size:0.82rem !important; color:#666 !important; margin-top:4px !important; }
.u-ccb4e935 { background:#EEF3FA !important; font-weight:bold !important; }
.u-ccf3edfe { font-size:1.1em !important; }
.u-ccfe5974 { font-size:0.85rem !important; font-weight:600 !important; color:#CC0000 !important; margin-bottom:2px !important; }
.u-cd318e1f { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.7) !important; z-index:var(--z-modal) !important; justify-content:center !important; align-items:center !important; padding:20px !important; }
.u-cd511b7f { color:#aaa !important; font-size:1rem !important; }
.u-cd80a287 { font-size:2rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-cdaa188e { display:flex; }
.u-cde1cddc { font-size:0.85rem !important; text-align:center !important; line-height:1.15 !important; }
.u-cdf005b8 { padding:8px 16px 12px !important; text-align:right !important; }
.u-cdfe959a { text-align:center !important; padding:16px !important; }
.u-ce47a039 { border-bottom:1px solid var(--border) !important; }
.u-ce5d3d1a { flex-shrink:0 !important; display:flex; align-items:center !important; }
.u-ce6d01a9 { display:flex; flex-direction:column !important; gap:6px !important; align-items:flex-end !important; }
.u-ceaa2bab { background:#1E5C9B !important; color:#fff !important; }
.u-cedc01b0 { text-align:center !important; white-space:nowrap !important; }
.u-cf182eb2 { background:#fff !important; padding:24px !important; border-radius:8px !important; max-width:520px !important; width:90% !important; box-shadow:0 4px 20px rgba(0,0,0,0.3) !important; }
.u-cf3be80b { color:#999 !important; font-size:0.8em !important; }
.u-cf5af305 { text-align:center !important; padding:24px !important; color:#1B6B2F !important; }
.u-cf99958b { flex:0 0 auto !important; background:rgba(30,92,155,0.3) !important; border:1px solid rgba(91,168,245,0.4) !important; border-radius:8px !important; padding:10px 18px !important; color:#5BA8F5 !important; font-size:0.9rem !important; font-weight:bold !important; cursor:pointer !important; white-space:nowrap !important; align-items:center !important; transition:background 0.2s !important; }
.u-cfc05d18 { font-size:1.8rem !important; font-weight:bold !important; color:#B05000 !important; }
.u-d0719ce0 { width:100% !important; flex-direction:column !important; gap:2px !important; padding:10px 8px !important; }
.u-d0af9c06 { display:flex; gap:24px !important; align-items:center !important; }
.u-d0b69aea { margin-top:16px !important; padding:12px 16px !important; background:#FFF8E1 !important; border-left:4px solid #FFC107 !important; border-radius:4px !important; font-size:0.85rem !important; color:#666 !important; }
.u-d0c2e7f8 { background:#FFEBEE !important; border-left:4px solid #CC0000 !important; border-radius:6px !important; padding:12px 14px !important; margin-bottom:14px !important; }
.u-d17e4b21 { background:linear-gradient(135deg,#fef0f0,#fdd) !important; border-radius:8px !important; padding:12px 16px !important; }
.u-d183bc90 { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px !important; margin-bottom:20px !important; }
.u-d195cf87 { margin-top:16px !important; margin-bottom:16px !important; }
.u-d1c710a0 { font-weight:bold !important; color:#555 !important; font-size:0.85rem !important; }
.u-d1d6859d { padding:8px 12px !important; text-align:center !important; width:80px !important; }
.u-d1fe4631 { font-weight:normal !important; cursor:pointer !important; font-size:0.85rem !important; }
.u-d22092ab { display:none; margin-top:12px !important; padding:12px !important; background:#EEF3FA !important; border-radius:8px !important; }
.u-d23afdd4 { color:#E65100 !important; font-size:0.85rem !important; line-height:1.6 !important; margin:0 !important; font-weight:500 !important; }
.u-d2570333 { background:#FFF8E1 !important; color:#B05000 !important; padding:3px 10px !important; border-radius:16px !important; font-size:0.85rem !important; }
.u-d259ea1a { padding:8px 12px !important; font-size:0.85rem !important; color:#555 !important; font-family:'Arial Narrow',Arial,sans-serif !important; }
.u-d2867950 { font-size:2rem !important; font-family:monospace !important; color:#D97757 !important; font-weight:bold !important; }
.u-d28e346c { display:flex; align-items:center !important; gap:8px !important; margin:8px 0 16px !important; }
.u-d2bd006a { font-size:1.2rem !important; font-weight:bold !important; }
.u-d2ccbaa9 { position:absolute !important; top:8px !important; right:12px !important; background:none !important; border:none !important; font-size:1.4rem !important; cursor:pointer !important; color:#999 !important; }
.u-d2e0e0f5 { font-size:1.3rem !important; font-weight:bold !important; color:#B05000 !important; }
.u-d3083ccb { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px !important; margin-bottom:12px !important; }
.u-d348ef66 { padding:4px !important; text-align:center !important; }
.u-d35d4186 { font-size:0.95rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-d367cc0b { width:100% !important; margin-top:8px !important; }
.u-d3825939 { background:linear-gradient(to right,' + p.preview[0] + ' 50%,' + p.preview[1] + ' 50%) !important; }
.u-d3abee4b { font-size:1.4rem !important; font-weight:bold !important; color:#B05000 !important; }
.u-d3b60f07 { width:auto !important; }
.u-d40241ce { font-size:1.4rem !important; font-weight:bold !important; color:#B05000 !important; line-height:1.1 !important; }
.u-d4038040 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:8px !important; }
.u-d435629b { cursor:pointer !important; user-select:none !important; width:42px !important; }
.u-d47d1cf4 { display:flex; justify-content:center !important; gap:6px !important; margin-bottom:8px !important; flex-wrap:wrap !important; }
.u-d5255f9b { padding:0 20px 16px !important; font-size:0.92rem !important; line-height:1.7 !important; color:#333 !important; }
.u-d56bd98e { text-align:center !important; margin:-6px 0 12px !important; font-size:0.78rem !important; color:#888 !important; }
.u-d58ba1de { font-weight:bold !important; color:#1E5C9B !important; font-size:1.1rem !important; margin:12px 0 !important; }
.u-d5e8c5f3 { flex:1 !important; }
.u-d652d4fc { color:#aaa !important; }
.u-d6593328 { background:#EEE !important; border-radius:4px !important; height:7px !important; }
.u-d6606820 { display:flex; align-items:center !important; justify-content:center !important; font-size:0.95rem !important; font-weight:bold !important; padding:8px 4px !important; }
.u-d6a0fa59 { background:#fff !important; border-radius:12px !important; max-width:420px !important; width:100% !important; padding:28px 24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; text-align:center !important; position:relative !important; }
.u-d6ccc190 { margin-bottom:4px !important; flex-shrink:0 !important; white-space:nowrap !important; }
.u-d70959e2 { list-style:none !important; margin:0 !important; padding:0 !important; }
.u-d716b1ab { display:none; position:absolute !important; right:0 !important; top:100% !important; background:#fff !important; border-radius:8px !important; box-shadow:0 4px 16px rgba(0,0,0,0.25) !important; min-width:150px !important; z-index:9999 !important; overflow:hidden !important; }
.u-d7622c4e { text-align:center !important; padding:8px 4px !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-d77599d5 { text-align:center !important; padding:3px 0 !important; font-weight:normal !important; }
.u-d79ce2bc { margin-top:8px !important; }
.u-d886347f { background:${color} !important; outline:5px solid #C9A84C !important; outline-offset:2px !important; color:${textColor} !important; font-weight:900 !important; }
.u-d8f09b8e { padding:16px !important; text-align:center !important; }
.u-d8f19d61 { text-align:center !important; background:#EEF3FA !important; font-weight:bold !important; }
.u-d9020f3a { background:#EEF3FA !important; border-radius:8px !important; padding:10px 14px !important; margin:8px 0 12px !important; font-size:0.85rem !important; color:#555 !important; line-height:1.5 !important; }
.u-d90a1019 { font-size:0.9rem !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-d941372a { border:1px solid #ccc !important; border-radius:6px !important; flex:1 !important; min-width:0 !important; box-sizing:border-box !important; }
.u-d94de151 { display:block; text-decoration:none !important; margin-bottom:16px !important; }
.u-d95a9fa5 { color:#777 !important; font-size:0.82rem !important; margin-bottom:10px !important; }
.u-d9744b2d { color:#69DB7C !important; }
.u-d9a1c521 { font-size:2.2rem !important; margin-bottom:8px !important; }
.u-daee2259 { background:#EEF3FA !important; border-radius:6px !important; padding:10px !important; font-size:0.82rem !important; color:#1E5C9B !important; }
.u-db832dcf { padding:5px 8px !important; ' . $landingStyle . ' !important; }
.u-db8a217b { width:120px !important; }
.u-db8a7ff6 { font-weight:bold !important; font-size:0.82rem !important; color:#555 !important; margin-bottom:6px !important; }
.u-db9d204d { display:grid; grid-template-columns:1fr 1fr; gap:10px !important; margin-bottom:12px !important; }
.u-dba9ef37 { display:none; padding:8px 16px 12px !important; font-size:0.88rem !important; line-height:1.7 !important; color:#333 !important; }
.u-dbbff929 { display:flex; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin-bottom:8px !important; }
.u-dbc0136c { padding:8px !important; font-size:0.85rem !important; color:#888 !important; }
.u-dbe1346a { color:#aaa !important; text-align:center !important; padding:32px !important; }
.u-dbec5877 { border-top: 1px solid var(--cc-input-border) !important; padding: 12px 16px !important; display: flex; flex-shrink: 0 !important; gap: 8px !important; background: var(--cc-input-bg) !important; }
.u-dbf4c5c2 { flex:1 !important; text-align:center !important; padding:12px !important; border-radius:8px !important; background:#FFF3F0 !important; }
.u-dc276482 { width:100% !important; border-collapse:collapse !important; font-size:0.8rem !important; }
.u-dc57c6fe { flex:1 1 auto !important; overflow:auto !important; background:#1e1e1e !important; color:#d4d4d4 !important; padding:12px 14px !important; border-radius:4px !important; font-family:ui-monospace, 'SF Mono', Consolas, monospace !important; font-size:0.8rem !important; line-height:1.4 !important; white-space:pre-wrap !important; word-break:break-word !important; margin:0 0 12px 0 !important; min-height:280px !important; max-height:50vh !important; }
.u-dc5c5245 { display:flex; justify-content:center !important; margin-top:40px !important; flex-wrap:wrap !important; }
.u-dc744be9 { margin-top:24px !important; border:2px solid #CC0000 !important; }
.u-dc7af87d { display:inline-flex; align-items:center !important; gap:6px !important; cursor:pointer !important; font-weight:normal !important; font-size:0.9rem !important; color:#555 !important; }
.u-dc7eac77 { font-size:0.82rem !important; color:#888 !important; }
.u-dc835ea2 { display:flex; align-items:center !important; gap:12px !important; margin-bottom:12px !important; flex-wrap:wrap !important; }
.u-dd04a00b { width:100% !important; border-collapse:collapse !important; font-size:0.82rem !important; }
.u-dd1e11e3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:12px !important; margin-bottom:16px !important; }
.u-dd768691 { font-size:0.88rem !important; line-height:1.4 !important; }
.u-ddb3d056 { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:var(--z-modal) !important; align-items:center !important; justify-content:center !important; }
.u-ddc65d83 { display:flex; justify-content:space-between !important; font-size:0.82rem !important; margin-bottom:2px !important; }
.u-ddf9ace2 { display:flex; align-items:center !important; gap:4px !important; font-size:0.8rem !important; cursor:pointer !important; flex-wrap:wrap !important; }
.u-de327c3b { font-size:0.78rem !important; color:#555 !important; }
.u-de3703b7 { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.5) !important; z-index:var(--z-modal) !important; justify-content:center !important; align-items:center !important; }
.u-de448805 { display:flex; gap:3px !important; margin-bottom:4px !important; flex-wrap:wrap !important; }
.u-de4c4c26 { background:#fff !important; border-radius:12px !important; padding:40px 60px !important; text-align:center !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; }
.u-de55ef66 { display:flex; align-items:center !important; gap:4px !important; cursor:pointer !important; background:#f0f4f8 !important; border-radius:6px !important; padding:4px 10px !important; font-size:0.88rem !important; }
.u-de763b08 { color:#888 !important; text-align:center !important; padding:16px !important; }
.u-de98a77f { padding:10px !important; text-align:left !important; }
.u-deda284b { margin-top:16px !important; padding:10px 14px !important; }
.u-dee98891 { width:12px !important; height:12px !important; border-radius:50% !important; background:#1E5C9B !important; animation:bounce 1s infinite 0s !important; }
.u-df131048 { font-size:0.65rem !important; padding:0 6px !important; border-radius:8px !important; border:2px solid #FFD700 !important; margin-left:6px !important; vertical-align:middle !important; }
.u-df28989c { font-size:1.1rem !important; white-space:nowrap !important; background:#FFD700 !important; color:#000 !important; border:none !important; }
.u-df342a16 { padding:10px !important; color:#888 !important; }
.u-df386876 { font-size:1.3rem !important; font-weight:bold !important; color:#aaa !important; margin-top:4px !important; }
.u-df39f41e { cursor:pointer !important; user-select:none !important; text-align:left !important; }
.u-df3c33b1 { background:#EEF3FA !important; }
.u-df49b702 { display:none; color:#CC0000 !important; font-size:0.85rem !important; margin-bottom:12px !important; }
.u-dfbd16b0 { color:#CC0000 !important; font-size:0.9rem !important; margin-left:6px !important; }
.u-e018f5b8 { display:flex; gap:10px !important; justify-content:center !important; flex-wrap:wrap !important; }
.u-e027e118 { cursor:pointer !important; user-select:none !important; width:48px !important; }
.u-e03f8a2e { border-bottom:1px solid #EEF3FA !important; vertical-align:middle !important; }
.u-e061ff02 { font-size:1.1rem !important; }
.u-e08c6c4e { background:#F5F7FA !important; border-radius:8px !important; padding:14px !important; margin-bottom:12px !important; }
.u-e0946bd8 { width:75px !important; }
.u-e0a2d1df { color:#ccc !important; }
.u-e0b1c364 { position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; background:#fff !important; border-radius:8px !important; padding:20px !important; max-width:420px !important; width:90% !important; box-shadow:0 4px 20px rgba(0,0,0,0.3) !important; }
.u-e0efa63c { background:#fff !important; border-radius:12px !important; max-width:700px !important; width:100% !important; max-height:80vh !important; display:flex; flex-direction:column !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; }
.u-e0f20a39 { display:flex; align-items:center !important; justify-content:space-between !important; margin-bottom:12px !important; }
.u-e14f3c48 { display:flex; gap:12px !important; margin-top:8px !important; }
.u-e15532bb { background:#fff !important; border-radius:12px !important; max-width:500px !important; width:100% !important; padding:28px 24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; position:relative !important; }
.u-e1e7c650 { color:#888 !important; font-size:0.72rem !important; border-bottom:1px solid #e0e0e0 !important; }
.u-e2315c00 { font-size:0.78rem !important; color:#888 !important; margin-top:2px !important; }
.u-e249eccf { display:grid; grid-template-columns:repeat(auto-fit, minmax(130px,1fr)); gap:8px !important; }
.u-e24c54c2 { display:flex; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important; }
.u-e263feee { color:#1E5C9B !important; text-decoration:none !important; font-size:0.88rem !important; }
.u-e29421a7 { font-size:1.05rem !important; font-weight:bold !important; margin-bottom:6px !important; }
.u-e2a14bbf { text-align:center !important; padding:6px 8px !important; font-size:0.85rem !important; display:flex; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important; width:100% !important; height:100% !important; cursor:pointer !important; }
.u-e2aeafd5 { width:100% !important; text-align:left !important; margin-bottom:16px !important; border-radius:8px !important; display:flex; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; }
.u-e2b0482f { display:flex; flex-direction:column !important; flex:1 !important; overflow:hidden !important; }
.u-e2cc3132 { flex:1 !important; min-width:0 !important; }
.u-e304922e { padding:12px 14px !important; background:#e8f5e9 !important; border-left:4px solid #2ecc71 !important; border-radius:4px !important; }
.u-e32f9828 { width:100% !important; table-layout:fixed !important; border-collapse:collapse !important; font-size:0.88rem !important; font-family:'Roboto Condensed', Arial Narrow, sans-serif !important; }
.u-e341f0c9 { font-size:1.5rem !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-e45585a5 { color:#1E5C9B !important; margin:0 0 16px !important; font-size:1.25rem !important; }
.u-e459cd9b { font-size:2.2rem !important; margin-bottom:8px !important; text-align:center !important; }
.u-e46543f8 { display:none; gap:24px !important; justify-content:center !important; margin-bottom:8px !important; }
.u-e4c3541b { font-size:1rem !important; }
.u-e4ccea60 { cursor:pointer !important; font-size:0.9rem !important; margin:0 !important; user-select:none !important; }
.u-e4d0e9bb { background:#fff !important; border-radius:12px !important; padding:28px 32px !important; max-width:480px !important; width:90% !important; box-shadow:0 8px 30px rgba(0,0,0,0.3) !important; text-align:center !important; }
.u-e4d9239f { width:100% !important; padding:8px 12px !important; border:1px solid #ccc !important; border-radius:4px !important; font-family:monospace !important; font-size:1rem !important; }
.u-e4db99c0 { margin-top:12px !important; padding:10px !important; background:#FFF8E1 !important; border-radius:6px !important; font-size:0.85rem !important; }
.u-e4ffb88b { font-size:0.78rem !important; color:#555 !important; margin-top:2px !important; }
.u-e5610f9b { font-size:1.6rem !important; font-weight:bold !important; line-height:1.1 !important; color:#1E5C9B !important; }
.u-e59c5e57 { font-size:1.6rem !important; font-weight:bold !important; margin-top:4px !important; }
.u-e5b76630 { color:#1E5C9B !important; font-weight:bold !important; text-decoration:none !important; }
.u-e5f5a379 { font-size:0.85rem !important; font-weight:600 !important; color:#1B6B2F !important; margin-bottom:2px !important; }
.u-e614f62b { text-align:center !important; padding:40px !important; color:#aaa !important; }
.u-e6178f4d { font-size:0.8rem !important; color:#888 !important; font-weight:normal !important; display:none; }
.u-e68ce298 { color:#CC0000 !important; margin-bottom:16px !important; }
.u-e6c5503e { color:#E68A00 !important; }
.u-e7154726 { text-align:center !important; margin-bottom:16px !important; padding:16px !important; font-size:1.1rem !important; background:#FFD700 !important; color:#000 !important; }
.u-e7265507 { padding:10px !important; text-align:center !important; color:#aaa !important; }
.u-e73d074d { font-size:1rem !important; font-weight:bold !important; color:#FF8C00 !important; }
.u-e755e42a { font-size:1.05rem !important; }
.u-e764a133 { font-size:1.6rem !important; font-weight:bold !important; line-height:1 !important; padding:6px 14px !important; }
.u-e7b6d796 { display:inline-block; background:#1E5C9B !important; color:#fff !important; padding:10px 22px !important; border-radius:6px !important; text-decoration:none !important; font-weight:bold !important; font-size:0.95rem !important; }
.u-e842b602 { position:relative !important; width:100% !important; max-width:600px !important; margin:0 auto !important; }
.u-e84e25a9 { margin-top:12px !important; font-size:0.85rem !important; color:#555 !important; }
.u-e86ddf6e { color:#B05000 !important; }
.u-e88d1e95 { padding:10px 20px !important; margin-bottom:12px !important; }
.u-e8947e42 { font-weight:bold !important; color:#1E5C9B !important; font-size:1.1rem !important; }
.u-e8e2127f { padding:12px 18px !important; font-size:1rem !important; background:#DDE3EE !important; color:#555 !important; border:1px solid #000 !important; border-radius:8px !important; cursor:pointer !important; -webkit-text-stroke:1px #000 !important; paint-order:stroke fill !important; }
.u-e902f8a2 { padding:8px !important; text-align:right !important; font-weight:bold !important; color:#1E5C9B !important; }
.u-e9070516 { color:#666 !important; font-size:0.9rem !important; margin:0 0 16px !important; }
.u-e919c0ca { width:5% !important; }
.u-e961dc40 { color:#7B1FA2 !important; }
.u-e9a8fe49 { display:grid; grid-template-columns:1fr 1fr; gap:8px !important; margin-bottom:8px !important; }
.u-ea6317f1 { display:grid; grid-template-columns:1fr 1fr; gap:20px !important; }
.u-eabf2ae1 { font-size:1.1rem !important; font-weight:700 !important; margin-bottom:6px !important; }
.u-eadb217b { color:#1E5C9B !important; text-decoration:none !important; font-weight:bold !important; }
.u-eb534642 { display:flex; gap:8px !important; margin-top:20px !important; align-items:center !important; }
.u-eb7940a2 { text-align:center !important; margin:20px 0 !important; }
.u-ebc21476 { font-size:1.2rem !important; }
.u-ebd32b78 { border-bottom:1px solid #f0f0f0 !important; }
.u-ec3e02d5 { transition:transform 0.2s !important; display:inline-block; transform:rotate(-90deg) !important; }
.u-ecd1e6f4 { background:#FFF8E1 !important; border-left:4px solid #FFC107 !important; border-radius:4px !important; padding:10px 14px !important; margin-bottom:20px !important; text-align:left !important; }
.u-ed4dfd9b { color:#888 !important; font-size:0.85rem !important; white-space:nowrap !important; }
.u-ed4fc587 { display:flex; align-items:center !important; gap:10px !important; align-self:flex-start !important; }
.u-ed507ca1 { font-size:0.72rem !important; color:#aaa !important; text-align:center !important; margin-top:4px !important; }
.u-ed5b9a51 { width:150px !important; }
.u-ed6c5cc5 { display:inline-block; width:12px !important; height:12px !important; background:#999 !important; border-radius:2px !important; flex-shrink:0 !important; }
.u-ed96352f { font-size:0.8rem !important; color:#888 !important; margin-bottom:4px !important; }
.u-edb3c895 { color:#888 !important; text-align:center !important; padding:20px !important; }
.u-edeb9653 { display:grid; grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)); gap:16px !important; margin-bottom:16px !important; }
.u-ee00609b { display:flex; flex-direction:column !important; gap:8px !important; margin-bottom:16px !important; }
.u-ee023f33 { font-size:0.75rem !important; opacity:0.7 !important; }
.u-ee2fcdfd { font-size:0.8rem !important; padding:4px 10px !important; white-space:nowrap !important; }
.u-ee3ea4ab { font-size:0.72rem !important; color:#888 !important; white-space:nowrap !important; }
.u-eeaa77ae { display:flex; align-items:center !important; gap:12px !important; cursor:pointer !important; user-select:none !important; margin:0 !important; }
.u-eedf115d { font-weight:bold !important; color:#B05000 !important; }
.u-eef59fb3 { display:flex; align-items:baseline !important; gap:8px !important; flex-wrap:wrap !important; }
.u-ef225bf0 { font-size:0.75rem !important; opacity:.8 !important; }
.u-ef3eb127 { background:#fff !important; border-radius:12px !important; max-width:360px !important; width:100% !important; padding:24px !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; text-align:center !important; }
.u-ef41f18b { margin:0 !important; width:120px !important; flex-shrink:0 !important; }
.u-eff7cd56 { display:flex; gap:8px !important; flex-wrap:wrap !important; }
.u-f0080e24 { margin-top:12px !important; background:#EEF3FA !important; border-radius:6px !important; padding:10px !important; font-size:0.82rem !important; color:#1E5C9B !important; }
.u-f0194f77 { text-align:center !important; padding:4px 0 !important; font-weight:bold !important; color:#555 !important; }
.u-f02c9061 { padding:16px !important; }
.u-f03b3ae4 { background:#fff !important; border-radius:12px !important; padding:32px 40px !important; text-align:center !important; box-shadow:0 8px 32px rgba(0,0,0,0.3) !important; }
.u-f050c36a { position:relative !important; z-index:1 !important; text-align:center !important; margin-top:16px !important; font-size:0.8rem !important; color:rgba(255,255,255,0.7) !important; }
.u-f09e69c3 { position:relative !important; white-space:normal !important; overflow-wrap:break-word !important; word-break:normal !important; }
.u-f0ef2dad { font-size:0.85rem !important; color:#888 !important; }
.u-f0f50a97 { display:none; margin-bottom:12px !important; padding:10px 12px !important; background:#fff8e1 !important; border:1px solid #f9a825 !important; border-radius:6px !important; font-size:0.85rem !important; color:#5d4037 !important; }
.u-f1cd9af9 { font-size:0.85rem !important; color:rgba(255,255,255,0.7) !important; }
.u-f1df838c { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px !important; margin-bottom:16px !important; }
.u-f20daabb { background:#1E5C9B !important; color:#fff !important; font-size:0.85rem !important; }
.u-f21a0cd3 { background:#fff !important; border:1px solid #ddd !important; border-radius:4px !important; padding:12px 16px !important; margin-bottom:20px !important; }
.u-f228794a { color:#888 !important; font-size:0.9rem !important; }
.u-f257e119 { font-size:0.8rem !important; }
.u-f25bc468 { color:#1B6B2F !important; padding:8px !important; }
.u-f2aa9cec { background:var(--mint-100,#EFEFE9) !important; border-radius:8px !important; padding:8px 40px 8px 16px !important; margin-bottom:12px !important; font-size:0.95rem !important; color:rgba(0,0,0,0.6) !important; position:relative !important; }
.u-f2cc5793 { display:flex; gap:12px !important; flex-wrap:wrap !important; align-items:flex-end !important; }
.u-f2cfbde1 { font-size:2rem !important; margin-bottom:6px !important; }
.u-f2ef96e1 { font-size:1.2rem !important; font-weight:bold !important; color:#1E5C9B !important; margin-bottom:8px !important; }
.u-f311c1bf { background:#F8F9FA !important; border-radius:8px !important; padding:12px !important; text-align:center !important; }
.u-f349cc6e { padding:8px !important; text-align:center !important; width:60px !important; }
.u-f3bfe6dd { margin-top:16px !important; text-align:center !important; }
.u-f3f0c068 { text-align:center !important; font-weight:bold !important; color:#1E5C9B; }
.u-f3f73510 { padding:3px 0 !important; color:#888 !important; }
.u-f4064a6a { font-size:2rem !important; font-weight:bold !important; color:${totalDiffColor} !important; }
.u-f425bf12 { padding:12px 16px !important; background:#fff3cd !important; color:#856404 !important; border-radius:4px !important; }
.u-f4347ec2 { font-size:0.75rem !important; color:#888 !important; }
.u-f495a4f1 { flex:1 !important; font-size:1.6rem !important; line-height:1.3 !important; display:flex; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
.u-f4b8af54 { padding:12px 20px !important; margin-bottom:16px !important; }
.u-f4ccbb54 { text-align:center !important; margin-top:16px !important; font-size:0.9rem !important; }
.u-f4f98f42 { padding:8px !important; text-align:right !important; font-weight:bold !important; color:#CC0000 !important; }
.u-f514674f { font-size:2rem !important; margin-bottom:12px !important; }
.u-f556002d { display:flex; gap:2px !important; justify-content:center !important; }
.u-f56f7981 { background:linear-gradient(135deg, var(--pf-defi-start,#1E5C9B) 0%, var(--pf-defi-end,#8E44AD) 100%) !important; border-radius:10px !important; padding:10px 24px !important; display:flex; align-items:center !important; gap:16px !important; cursor:pointer !important; transition:transform 0.15s, outline 0.15s !important; border:1px solid #000 !important; box-shadow:2px 2px 4px rgba(0,0,0,0.3) !important; flex-wrap:wrap !important; }
.u-f5899afa { display:none; padding:12px !important; background:#EEF3FA !important; border-radius:8px !important; }
.u-f58c8794 { background:#E8F5E9 !important; border-left:4px solid #1B6B2F !important; border-radius:6px !important; padding:12px 14px !important; margin-bottom:20px !important; }
.u-f5d81c1e { margin:0 0 8px !important; }
.u-f5dd4298 { font-size:1rem !important; color:#555 !important; margin-bottom:4px !important; ${strokeText} !important; }
.u-f5df2823 { margin-bottom:20px !important; padding:16px !important; }
.u-f60d2e2f { font-size:2rem !important; font-weight:bold !important; color:#888 !important; }
.u-f65d1cb2 { text-align:center !important; padding:6px 4px !important; font-weight:bold !important; color:#1B6B2F !important; }
.u-f696668c { font-size:1.4rem !important; font-weight:bold !important; color:#CC0000 !important; }
.u-f6ba4e73 { font-size:1.4rem !important; font-weight:bold !important; color:#555 !important; }
.u-f6c2116f { display:flex; align-items:center !important; gap:14px !important; margin-bottom:14px !important; }
.u-f6e1ceb1 { padding:8px !important; text-align:right !important; font-weight:bold !important; color:#B05000 !important; }
.u-f6e72e9d { font-size:0.75rem !important; color:#aaa !important; margin-top:4px !important; }
.u-f70bccfa { font-size:1.3rem !important; color:#1E5C9B !important; }
.u-f76ffaea { font-size:0.88rem !important; line-height:1.6 !important; color:rgba(255,255,255,0.8) !important; text-align:justify !important; }
.u-f77e30da { display:inline-flex; flex-direction:column !important; align-items:center !important; line-height:1.2 !important; font-size:0.82rem !important; }
.u-f7b9a364 { font-size:1.2rem !important; font-weight:bold !important; color:#fff !important; }
.u-f56f7981 .u-f7b9a364 { color:#fff !important; font-weight:bold !important; }
.u-f7bf8dc3 { display:flex; justify-content:space-between !important; font-size:0.75rem !important; color:#888 !important; margin-top:4px !important; }
.u-f7fe81ea { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px !important; }
.u-f80c6e85 { background:#2D8A4E !important; color:#fff !important; }
.u-f8a59a36 { display:flex; gap:6px !important; }
.u-f8ab42b7 { background:rgba(0,0,0,0.1) !important; border-radius:4px !important; height:6px !important; overflow:hidden !important; }
.u-f8aecf54 { background:#d4edda !important; color:#155724 !important; padding:10px 16px !important; border-radius:6px !important; margin-bottom:16px !important; font-size:0.9rem !important; }
.u-f8c12a2e { flex:1 !important; min-width:200px !important; padding:5px 8px !important; border:1px solid #ccc !important; border-radius:4px !important; font-size:0.85rem !important; }
.u-f91e218e { padding:10px !important; }
.u-f93b359d { display:none; position:fixed !important; inset:0 !important; background:rgba(0,0,0,0.6) !important; z-index:9999 !important; align-items:center !important; justify-content:center !important; }
.u-f9ab8bf3 { width:100% !important; border-radius:6px !important; }
.u-fa4803f0 { color:#1E5C9B !important; margin:0 0 16px !important; font-size:1.2rem !important; }
.u-fa9944ad { width:6% !important; }
.u-fadf5912 { display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px !important; }
.u-faf9e81e { display:flex; flex-wrap:wrap !important; gap:8px !important; }
.u-fb008b34 { position:relative !important; height:280px !important; }
.u-fb4470d9 { display:grid; grid-template-columns:1fr 1fr auto; gap:8px !important; align-items:end !important; }
.u-fb4bc469 { opacity:0.5 !important; font-size:0.8rem !important; }
.u-fb538131 { display:inline-flex; gap:4px !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; }
.u-fb82d9d7 { font-weight:bold !important; color:#154272 !important; }
.u-fc40d0a7 { font-weight:bold !important; color:#555 !important; font-size:0.85rem !important; margin-bottom:10px !important; text-transform:uppercase !important; letter-spacing:0.5px !important; }
.u-fc6c43b7 { display:flex; justify-content:space-between !important; align-items:center !important; margin-bottom:8px !important; flex-wrap:wrap !important; gap:8px !important; }
.u-fc89c180 { font-weight:normal !important; color:#888 !important; font-size:0.85rem !important; }
.u-fc96e56f { display:flex; gap:8px !important; justify-content:flex-end !important; flex-wrap:wrap !important; }
.u-fca49769 { font-size:1rem !important; color:#888 !important; transition:transform 0.2s !important; }
.u-fd0b1bf0 { text-align:left !important; padding:8px 0 !important; }
.u-fd17981d { font-size:0.65em !important; font-weight:normal !important; opacity:0.7 !important; }
.u-fd465558 { height:fit-content !important; }
.u-fd517c4d { font-size:1.2rem !important; font-weight:bold !important; color:#1B6B2F !important; margin-bottom:12px !important; }
.u-fd860c1a { display:inline-flex; gap:4px !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; }
.u-fdbb4ae7 { display:flex; justify-content:center !important; padding:16px 0 !important; flex-wrap:wrap !important; }
.u-fdbce5e6 { color:#CC0000 !important; font-weight:bold !important; }
.u-fe094f9e { font-weight:bold !important; color:#CC0000 !important; font-size:0.85rem !important; }
.u-fe210f0e { margin-top:12px !important; margin-bottom:0 !important; }
.u-fe41d9cf { border-bottom:1px solid #EEF3FA !important; padding:10px 0 !important; }
.u-fe59b980 { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:12px !important; margin-bottom:16px !important; }
.u-fe75a285 { font-size:0.7rem !important; color:#888 !important; }
.u-fe97ad5f { padding:12px 16px !important; background:#f8d7da !important; color:#721c24 !important; border-radius:4px !important; margin-bottom:16px !important; }
.u-fe9accbe { display:grid; gap:6px !important; margin-bottom:8px !important; min-width:0 !important; }
.u-fefd2247 { white-space:nowrap !important; padding:4px 10px !important; font-size:0.78rem !important; }
.u-ff27ad1a { background:${color} !important; }
.u-ff423881 { margin-top:10px !important; background:#6c757d !important; color:#fff !important; border:none !important; padding:8px 24px !important; border-radius:6px !important; font-size:0.95rem !important; font-weight:bold !important; cursor:pointer !important; }
.u-ff6eee77 { margin-top:6px !important; }
.u-ff807937 { display:flex; gap:14px !important; flex-wrap:nowrap !important; margin-bottom:10px !important; font-size:0.8rem !important; white-space:nowrap !important; justify-content:center !important; }
.u-ff969412 { color:#888 !important; font-size:0.9rem !important; margin-bottom:32px !important; }
.u-ffac44ef { font-size:0.9rem !important; }
.u-ffad898c { max-width:380px !important; }
.u-ffdec615 { font-size:0.75rem !important; color:#888 !important; margin-top:2px !important; }
/* Admin mobile responsive (override des classes utilitaires desktop) */
@media (max-width:480px) {
    /* admin-stats : 13 cartes sur 3 lignes (5+5+3) */
    .admin-stats.u-03d0b478 { grid-template-columns: repeat(5, 1fr); grid-auto-rows: 1fr !important; gap: 3px !important; }
    .admin-stats.u-03d0b478 > .card { padding: 4px 2px !important; min-width: 0 !important; overflow: hidden !important; }
    .admin-stats.u-03d0b478 > .card > div:nth-child(2) { font-size: 0.85rem !important; line-height: 1.1 !important; }
    .admin-stats.u-03d0b478 > .card > div:nth-child(3) { font-size: 0.55rem !important; line-height: 1.15 !important; word-break: break-word !important; }
    .admin-stats.u-03d0b478 > .card > div:nth-child(4) { font-size: 0.5rem !important; line-height: 1.1 !important; word-break: break-word !important; }

    /* Bloc Connexions + Système : empilés (1 col) sur mobile */
    .grid-2-responsive.u-e9a8fe49 { grid-template-columns: 1fr; }

    /* admin-nav : 3 colonnes, prevent overflow */
    .admin-nav.u-b7e50e6f { grid-template-columns: repeat(4, 1fr); gap: 5px !important; }
    .admin-nav.u-b7e50e6f > * { min-width: 0 !important; overflow: hidden !important; }
    .admin-nav.u-b7e50e6f a, .admin-nav.u-b7e50e6f button { padding: 3px 4px !important; font-size: 0.72rem !important; min-width: 0 !important; word-break: break-word !important; hyphens: auto !important; }
    .admin-nav.u-b7e50e6f a span:not(:first-child),
    .admin-nav.u-b7e50e6f button span:not(:first-child) { overflow: hidden !important; text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; line-height: 1.15 !important; }
}
/* Date 2-lignes responsive (helper pf_date_2line / pf_dt_2line) */
.stats-date { white-space: nowrap; }
.stats-date .stats-date-y::before { content: '/'; }
.stats-date .stats-date-t { padding-left: 0.4em; }
@media (max-width: 600px) {
    .stats-date { display: inline-block; line-height: 1.1; text-align: center; vertical-align: middle; white-space: normal; font-size: 0.78rem; }
    .stats-date .stats-date-y { display: block; font-size: 0.72rem; color: #888; }
    .stats-date .stats-date-y::before { content: ''; }
    .stats-date .stats-date-t { display: block; padding-left: 0; font-size: 0.7rem; color: #999; }
}
/* Admin tables : améliorations mobile */
@media (max-width: 600px) {
    /* Tables admin : padding réduit, wrap long content (emails, URLs, IDs) */
    main.container table { font-size: 0.78rem; }
    main.container table th,
    main.container table td { padding: 4px 3px !important; overflow-wrap: anywhere; word-break: normal; }
    /* Emails et URL longs : permettre la coupure */
    main.container table td a[href^="mailto:"],
    main.container table td a[href^="http"] { overflow-wrap: anywhere; word-break: normal; }
    /* Boutons d'action dans les tables : compacts */
    main.container table .btn-sm,
    main.container table .btn { padding: 4px 8px !important; font-size: 0.75rem !important; }
}
/* Grilles fixes 1fr 1fr / 1fr 1fr 1fr 1fr → 1 col en mobile */
@media (max-width: 600px) {
    /* u-4ea465e0 : Prénom/Nom, Email/Password, Licence/Club (player_form) */
    /* u-b576ced6 : grilles 2-col backup_explore */
    .u-4ea465e0,
    .u-b576ced6 { grid-template-columns: 1fr !important; gap: 12px !important; }
    /* u-6c04acd5 : 4 col Date/Index/Sexe/Langue (player_form) → 2x2 */
    .u-6c04acd5 { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
}
@media (max-width: 380px) {
    .u-6c04acd5 { grid-template-columns: 1fr !important; }
}
/* Tooltips et helps masqués mobile (gain place) */
@media (max-width: 480px) {
    [class*="-tooltip"]:not(.show-mobile),
    .pf-help-text { display: none !important; }
}
/* Boutons d'action en colonne sur mobile pour éviter débordement */
@media (max-width: 480px) {
    .deploy-actions, .backup-actions, .admin-action-row, .u-cafc7820 {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: stretch !important;
    }
    .deploy-actions .btn, .backup-actions .btn, .admin-action-row .btn, .u-cafc7820 .btn {
        width: 100% !important;
    }
}
/* Messages admin : compactage mobile (exclusivement ≤600px) */
@media (max-width: 600px) {
    /* Fonte réduite uniquement sur Expéditeur + Objet */
    #email-table td.email-open-cell:nth-child(3),
    #email-table td.email-open-cell:nth-child(4),
    #trash-table td.trash-open-cell:nth-child(3),
    #trash-table td.trash-open-cell:nth-child(4) {
        font-size: 0.7rem !important;
        line-height: 1.2 !important;
        word-break: break-word !important;
    }
    /* Padding cellules très compact + date sur 1 ligne (5 caractères mini "DD/MM") */
    #email-table th, #email-table td,
    #trash-table th, #trash-table td {
        padding: 3px 2px !important;
    }
    /* Colonne Date : assez large pour "14/04" (5 chars, ~38px) sans wrap */
    #email-table td.email-open-cell:nth-child(2),
    #trash-table td.trash-open-cell:nth-child(2) {
        min-width: 42px !important;
        white-space: nowrap !important;
    }
    /* La 2e ligne (année) du helper pf_dt_2line est en stats-date-y → laissée en block */
    #email-table .stats-date,
    #trash-table .stats-date { white-space: nowrap !important; }
}
/* Email reply UI (popup messages admin) */
/* Liste des réponses précédentes */
.popup-replies-list {
    background: #f0f7f0;
    border-left: 3px solid #1B6B2F;
    border-radius: 4px;
    padding: 10px 12px;
    margin: 12px 0;
}
.popup-replies-title { font-size: 0.85rem; font-weight: bold; color: #1B6B2F; margin-bottom: 8px; }
.popup-reply-item { padding: 8px 10px; background: #fff; border-radius: 4px; margin-bottom: 6px; border: 1px solid #d4e6d4; }
.popup-reply-item.ko { border-color: #f5c2c2; background: #fff5f5; }
.popup-reply-meta { font-size: 0.78rem; color: #666; margin-bottom: 4px; }
.popup-reply-item.ko .popup-reply-meta { color: #CC0000; }
.popup-reply-body-preview { font-size: 0.85rem; color: #222; white-space: pre-wrap; word-break: break-word; }
/* Popup séparée de composition de réponse */
.popup-reply-header-line { color: #555; font-size: 0.95rem; }
.popup-reply-to-email { color: #1E5C9B; word-break: break-all; }
.popup-reply-form-body {
    padding: 16px 24px;
    flex: 1 1 auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#popup-reply-body {
    width: 100%;
    min-height: 180px;
    padding: 10px 12px;
    border: 1px solid #c5d0e3;
    border-radius: 6px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    resize: vertical;
    box-sizing: border-box;
}
#popup-reply-body:focus { outline: none; border-color: #1E5C9B; box-shadow: 0 0 0 3px rgba(30,92,155,0.12); }
.popup-reply-error { color: #CC0000; font-size: 0.85rem; padding: 6px 10px; background: #ffebee; border-radius: 4px; }
/* Mobile : actions du popup email en HAUT, layout propre */
@media (max-width: 600px) {
    /* Re-order : actions en index 0 via order:-1 (parent est déjà flex-column) */
    #email-popup .email-popup-actions {
        order: -1 !important;
        border-bottom: 1px solid #eee;
        padding: 8px 10px !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 6px !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        justify-content: initial !important;
    }
    /* Reset wrappers internes : la grille parente prend la main */
    #email-popup .email-popup-actions .u-68fedc0f,
    #email-popup .email-popup-actions .u-1732ea7f {
        display: contents !important;
        margin: 0 !important;
        gap: 0 !important;
    }
    /* "↗ Ouvrir" link : à part — full largeur sur ligne séparée si HTML email */
    #email-popup #popup-open-tab { grid-column: 1 / -1 !important; padding: 6px 10px !important; font-size: 0.78rem !important; }
    /* Les 3 boutons d'action : taille uniforme */
    #email-popup .email-popup-actions .btn:not(#popup-open-tab) {
        padding: 8px 4px !important;
        font-size: 0.78rem !important;
        min-height: 40px !important;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        gap: 0.2em !important;
    }
    /* Icône poubelle : taille raisonnable + label texte visible */
    #email-popup [data-click="popupDelete"] img { height: 0.9em !important; flex-shrink: 0; }

    /* Subject + sender : padding réduit */
    #email-popup .u-c3cfe57a { padding: 12px 16px 6px !important; }
    /* hr discrets */
    #email-popup .u-37666168 { margin: 6px 0 !important; }
    /* Popup reply : plein écran utile */
    .email-reply-modal { max-height: 92vh !important; }
    .popup-reply-form-body { padding: 12px 16px; }
    #popup-reply-body { min-height: 200px; font-size: 16px; /* évite zoom iOS */ }
}
/* Messages admin : bandeau compteurs + bouton Relever (mobile) */
@media (max-width: 600px) {
    /* Wrapper compteurs + bouton : gap réduit pour tenir sur une ligne */
    .u-871e644d.u-871e644d { gap: 8px !important; flex-wrap: nowrap !important; align-items: stretch !important; }
    /* Compteurs : compactés */
    .u-871e644d .u-539b047e { flex-shrink: 0; }
    .u-871e644d .u-549b1e77,
    .u-871e644d .u-1e4f457c,
    .u-871e644d .u-7f8e33bd { font-size: 1.6rem !important; line-height: 1 !important; font-weight: bold !important; }
    .u-871e644d .u-bdc7e233 { font-size: 0.85rem !important; }
    /* Conteneur bouton : reste à droite via margin-left:auto, prend ce qui reste */
    .u-871e644d .u-221e55d9 { flex-shrink: 1; min-width: 0; display: flex; }
    .u-871e644d .u-221e55d9 form { width: 100%; display: flex; }
    /* Bouton Relever : texte sur 2 lignes centrées si étroit, padding compact */
    .u-871e644d .u-221e55d9 .btn {
        white-space: normal !important;
        line-height: 1.15 !important;
        text-align: center !important;
        padding: 6px 10px !important;
        font-size: 0.78rem !important;
        width: 100%;
        min-height: 44px;
        word-break: keep-all;
    }
}
/* Players admin : nom sur 2 lignes en mobile */
@media (max-width: 600px) {
    /* Désactiver la troncature ellipsis sur la cellule joueur (qui coupait "Prénom Nom") */
    #players-table td.u-2300c512 {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 1.15 !important;
        word-break: keep-all !important;
        padding: 6px 4px !important;
    }
    /* Prénom et Nom sur 2 lignes empilées */
    #players-table .pl-firstname,
    #players-table .pl-lastname { display: block; }
    #players-table .pl-lastname { font-size: 0.95em; }
    /* Table : layout fixed avec colonnes dimensionnées (Joueur = colonne large) */
    #players-table { table-layout: fixed !important; font-size: 0.82rem !important; width: 100% !important; }
    #players-table th, #players-table td { padding: 5px 3px !important; }
    /* Largeurs colonnes (sur les <th>, propagées aux <td>) :
       Joueur : reste de la place ; Statut : auto ; Index : 36px ; Actions : 76px (2 boutons icône) */
    #players-table th:nth-child(1) { width: auto !important; }
    #players-table th.u-e027e118 { width: 80px !important; }
    #players-table th.u-2dac29f6 { width: 42px !important; text-align: center !important; }
    #players-table th.u-bd4ba714 { width: 80px !important; }
}
/* === Tableau Détail des parties (data-block=evo_tableau) — mobile/tablette === */
@media (max-width:900px) {
    .evo-rounds-table { table-layout:fixed !important; width:100% !important; display:table !important; font-size:0.72rem !important; }
    [data-block="evo_tableau"] .card { padding:10px !important; }
    [data-block="evo_tableau"] .u-2879e211 { overflow-x:visible !important; max-width:100% !important; }
    .evo-rounds-table th, .evo-rounds-table td { padding:3px 3px !important; box-sizing:border-box !important; }
    /* colgroup widths : la priorité la plus haute en CSS sur les colonnes */
    /* Largeurs en px appliquées aux th (en table-layout:fixed, le 1er row dicte) */
    .evo-rounds-table .evo-th-date   { width:46px !important; }
    .evo-rounds-table .evo-th-course { width:auto !important; }
    .evo-rounds-table .evo-th-score  { width:36px !important; }
    .evo-rounds-table .evo-th-putts  { width:36px !important; }
    .evo-rounds-table .evo-th-gir    { width:38px !important; }
    .evo-rounds-table .evo-th-fir    { width:38px !important; }
    /* whitespace par cellule */
    .evo-rounds-table .evo-th-date,   .evo-rounds-table .evo-td-date   { white-space:normal !important; line-height:1.1 !important; text-align:center !important; }
    .evo-rounds-table .evo-th-course, .evo-rounds-table .evo-td-course { white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
    .evo-rounds-table .evo-th-score,  .evo-rounds-table .evo-td-score,
    .evo-rounds-table .evo-th-putts,  .evo-rounds-table .evo-td-putts,
    .evo-rounds-table .evo-th-gir,    .evo-rounds-table .evo-td-gir,
    .evo-rounds-table .evo-th-fir,    .evo-rounds-table .evo-td-fir   { white-space:nowrap !important; text-align:center !important; }
    /* Cacher complètement HdJ */
    .evo-rounds-table .evo-th-hdj, .evo-rounds-table .evo-td-hdj { display:none !important; }
}
/* Todos admin : icônes actions visibles en mobile */
@media (max-width: 640px) {
    /* Cellule actions : compacte mais aérée */
    #sortable-todos td.u-27d8b473 { padding: 4px 4px !important; min-width: 44px !important; vertical-align: middle !important; }
    /* Wrapper flex des 3 boutons : empilage VERTICAL (column) */
    #sortable-todos td.u-27d8b473 .u-f556002d {
        flex-direction: column !important;
        gap: 4px !important;
        align-items: stretch !important;
    }
    /* Form supprimer : reset margin pour s'aligner verticalement */
    #sortable-todos td.u-27d8b473 .todo-delete-btn { margin: 0 !important; display: flex !important; }
    /* Boutons (copier, modifier, supprimer) : carré tappable identique */
    #sortable-todos td.u-27d8b473 .btn-sm,
    #sortable-todos td.u-27d8b473 button.btn {
        min-width: 36px !important;
        min-height: 36px !important;
        width: 100%;
        padding: 5px 6px !important;
        font-size: 0.95rem !important;
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* Icône (img) dans ces boutons : taille fixe (annule width=48 HTML attr avant hydration) */
    #sortable-todos td.u-27d8b473 .btn img {
        height: 1.1em !important;
        width: auto !important;
        max-width: 1.4em !important;
    }
}
/* Backups admin : ligne 1 [titre ........... ←], ligne 2 [boutons backup] (tous viewports, grid déterministe) */
.page-header.page-header-stack {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px 16px !important;
}
.page-header.page-header-stack > h1 {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
}
.page-header.page-header-stack > .page-header-back {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
}
.page-header.page-header-stack > div.u-1732ea7f {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    justify-content: flex-start !important;
}
@media (max-width: 600px) {
    .page-header.page-header-stack > div.u-1732ea7f form { flex: 1 1 calc(50% - 4px); min-width: 0; }
    .page-header.page-header-stack > div.u-1732ea7f form .btn { width: 100%; }
}
/* Backups admin : optimisation tableau mobile (Galaxy S7 = 360px) */
@media (max-width: 600px) {
    /* Bouton Explorer/Comparer : label masqué + icône seule */
    .bk-action-label { display: none !important; }
    a.u-91e257d2 { padding: 6px 6px !important; min-width: 0 !important; }

    /* Icône fichier (💾 / 🌐) cachée pour gagner de la place */
    .bk-file-icon { display: none !important; }

    /* Layout fixed pour respecter les largeurs prescriptives (table backups uniquement) */
    table.u-6f59522f { table-layout: fixed !important; width: 100% !important; }

    /* Largeurs explicites des colonnes (sur les <th>, propagées aux <td>) :
       checkbox 22px | filename auto | date 48px | size 44px | actions 70px
       Total fixe = 184px → reste ~140-160px pour le filename sur 360px viewport. */
    table.u-6f59522f th:nth-child(1) { width: 22px !important; padding: 4px 0 !important; }
    table.u-6f59522f th:nth-child(2) { width: auto !important; padding: 4px 2px !important; }
    table.u-6f59522f th:nth-child(3) { width: 48px !important; padding: 4px 1px !important; }
    table.u-6f59522f th:nth-child(4) { width: 44px !important; padding: 4px 1px !important; }
    table.u-6f59522f th:nth-child(5) { width: 70px !important; padding: 4px 0 !important; }

    /* Padding cellules cohérent avec headers */
    table.u-6f59522f td.u-427c756e { padding: 4px 0 !important; }
    table.u-6f59522f td.u-99da6322 { padding: 4px 1px !important; font-size: 0.7rem !important; }
    table.u-6f59522f td.u-20654fa4 { padding: 4px 1px !important; font-size: 0.72rem !important; }
    table.u-6f59522f td.u-76eecccf { padding: 4px 0 !important; }

    /* Cellule fichier : nom long autorisé à wrapper sur 2 lignes (au lieu d'ellipsis) */
    .card table td.u-4f2891cf {
        padding: 4px 2px !important;
        font-size: 0.65rem !important;
        white-space: normal !important;
        word-break: break-all !important;
        overflow: visible !important;
        text-overflow: clip !important;
        line-height: 1.15 !important;
    }
    /* Cellule date : 2 lignes empilées (date / heure) déjà rendues par pf_dt_2line */
    .card table td.u-99da6322 .stats-date { display: inline-block; line-height: 1.05; }
}
/* Backup explore : carte info backup/production en mobile */
@media (max-width: 600px) {
    /* Carte backup/production : padding réduit, contenu wrap */
    .card.u-c99c6209,
    .card.u-4e52d330 { padding: 10px !important; }
    /* Flex container interne : permet le wrap (icône / titre+filename / stats) */
    .u-c99c6209 .u-6d65b2a7,
    .u-4e52d330 .u-6d65b2a7 {
        gap: 8px !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }
    /* Icône : taille réduite */
    .u-c99c6209 .u-ba2c5c3e,
    .u-4e52d330 .u-ba2c5c3e { font-size: 1.4rem !important; flex-shrink: 0; }
    /* Bloc titre + filename : prend toute la largeur restante */
    .u-c99c6209 .u-d5e8c5f3,
    .u-4e52d330 .u-d5e8c5f3 { flex: 1 1 auto !important; min-width: 0 !important; }
    /* Filename long : wrap au lieu de déborder */
    .u-c99c6209 .u-45211303,
    .u-4e52d330 .u-45211303 { word-break: break-all !important; font-size: 0.7rem !important; }
    /* Stats (nb rounds / nb players) : padding-left réduit, font compact */
    .u-c99c6209 .u-4892d15d,
    .u-4e52d330 .u-4892d15d { padding-left: 8px !important; }
    .u-c99c6209 .u-2ebe503a,
    .u-4e52d330 .u-2ebe503a { font-size: 1.1rem !important; }
    .u-c99c6209 .u-63840f02,
    .u-4e52d330 .u-63840f02 { font-size: 0.65rem !important; }
}
/* === Tableau d'édition des trous (course/edit) — mobile : scroll horizontal === */
@media (max-width:768px) {
    .table-responsive.u-889aec99 { overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
    .table-responsive.u-889aec99 table { width:auto !important; min-width:100% !important; table-layout:auto !important; }
    .table-responsive.u-889aec99 table th,
    .table-responsive.u-889aec99 table td {
        white-space:nowrap !important;
        word-break:keep-all !important;
        padding:4px 6px !important;
    }
    .table-responsive.u-889aec99 table input[type="number"],
    .table-responsive.u-889aec99 table input[type="text"],
    .table-responsive.u-889aec99 table select { min-width:48px !important; }
}
/* === Tableau /courses (course/index.php) — mobile : ellipsis sur nom, scroll horizontal === */
@media (max-width:600px) {
    .table-responsive.u-b42f25fd { overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
    /* Largeur min de la table pour scroll horizontal naturel */
    .courses-table { min-width:460px !important; table-layout:fixed !important; }
    /* Largeurs explicites par colonne (visibles en mobile : 1, 2, 4, 6, 8, 10) */
    /* Col 1 — Parcours : large pour lisibilité du nom */
    .courses-table > tr > *:nth-child(1),
    .courses-table > tbody > tr > *:nth-child(1) { width:190px !important; min-width:190px !important; max-width:190px !important; }
    /* Col 2 — Pays : 2 lettres */
    .courses-table > tr > *:nth-child(2),
    .courses-table > tbody > tr > *:nth-child(2) { width:34px !important; min-width:34px !important; max-width:34px !important; padding:4px 2px !important; white-space:nowrap !important; }
    /* Col 4 — Trous */
    .courses-table > tr > *:nth-child(4),
    .courses-table > tbody > tr > *:nth-child(4) { width:42px !important; min-width:42px !important; max-width:42px !important; padding:4px 2px !important; white-space:nowrap !important; }
    /* Col 6 — Tees (pastilles + distance) */
    .courses-table > tr > *:nth-child(6),
    .courses-table > tbody > tr > *:nth-child(6) { width:64px !important; min-width:64px !important; max-width:64px !important; padding:4px 3px !important; white-space:nowrap !important; }
    /* Col 8 — Parties */
    .courses-table > tr > *:nth-child(8),
    .courses-table > tbody > tr > *:nth-child(8) { width:46px !important; min-width:46px !important; max-width:46px !important; padding:4px 2px !important; white-space:nowrap !important; }
    /* Col 10 — Actions */
    .courses-table > tr > *:nth-child(10),
    .courses-table > tbody > tr > *:nth-child(10) { width:78px !important; min-width:78px !important; max-width:78px !important; padding:4px 2px !important; white-space:nowrap !important; }
    /* Nom : ellipsis sur le td et son lien */
    .courses-table td.u-f09e69c3 { white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
    .courses-table td.u-f09e69c3 a.c-nom-link { display:block !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; max-width:100% !important; }
    .courses-table td.u-f09e69c3 .c-nom-golf,
    .courses-table td.u-f09e69c3 .c-nom-course { display:inline !important; }
    .courses-table td.u-f09e69c3 br { display:none !important; }
    /* Autres cellules : nowrap pour cohérence */
    .courses-table td { white-space:nowrap !important; }
}
/* Course scorecard : optimisations mobile (Galaxy S7 — caser les 18 trous sans scroll) */
@media (max-width: 600px) {
    /* Police narrow + tracking serré sur toute la table */
    .scorecard,
    .scorecard tr.row-dist td,
    .scorecard tr.row-header td,
    .scorecard tr.row-header th,
    .scorecard .dist-cell {
        font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif !important;
        letter-spacing: -0.04em !important;
        font-stretch: condensed !important;
    }

    /* Padding minimal partout : 2px latéral suffit pour 3 chiffres en narrow */
    .scorecard th, .scorecard td { padding: 2px 0 !important; }

    /* Sticky 1re col : 48px au lieu de 62px */
    .scorecard td:first-child, .scorecard th:first-child {
        width: 48px !important;
        max-width: 48px !important;
        min-width: 48px !important;
        font-size: 0.78rem !important;
        padding: 2px 1px !important;
    }

    /* Aller / Retour : MASQUÉS en mobile (gain ~60px → permet de caser les 18 trous + Total)
       Les valeurs Aller/Retour restent calculables mentalement (Total - moitié) ou via desktop. */
    .scorecard th.u-91bbac56,
    .scorecard td.u-d8f19d61:not(:last-child) { display: none !important; }

    /* Total (col verte) : 32px, font petite mais lisible */
    .scorecard th.u-26215d62 { width: 32px !important; min-width: 32px !important; padding: 2px 0 !important; font-size: 0.62rem !important; }
    /* La cellule td du Total (dernière de chaque ligne) reste visible */
    .scorecard td.u-d8f19d61:last-child { padding: 2px 0 !important; font-size: 0.7rem !important; font-weight: bold !important; }

    /* Cellules de données : font 0.62rem en narrow */
    .scorecard tr.row-dist td,
    .scorecard tr.row-dist td.dist-total,
    .scorecard .dist-cell { font-size: 0.62rem !important; line-height: 1 !important; }
    /* En-tête Par/HCP/numéro de trou : un peu plus gros pour rester lisible */
    .scorecard tr.row-header td,
    .scorecard tr.row-header th { font-size: 0.7rem !important; line-height: 1.1 !important; }

    /* Numéros de trous (en-tête) : compactés */
    .scorecard thead tr th { padding: 3px 0 !important; }
}
/* 3) Empêcher la .card parent de scroller à la place de .table-responsive
   (la règle app.css `@media (max-width:440px) { .card { overflow-x:auto } }`
   double le scroll et casse la 1re col sticky du scorecard).
   Spécificité 0,2,0 pour battre la règle app.css single-class. */
@media (max-width: 600px) {
    .card .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (max-width: 440px) {
    .card:has(> .scorecard-scroll-hint),
    .card:has(.table-responsive .scorecard) { overflow-x: visible !important; }
}
/* Course scorecard MOBILE transposé : 1 ligne par trou */
/* Affichage : desktop = scorecard horizontale, mobile = scorecard transposée */
.scorecard-mobile { display: none; }
@media (max-width: 600px) {
    /* Cache la version horizontale + son hint scroll */
    .scorecard, .scorecard-scroll-hint, .table-responsive.u-77c8140b { display: none !important; }

    .scorecard-mobile {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse;
        font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
        font-stretch: condensed;
        letter-spacing: -0.04em;
        font-size: 0.7rem;
    }
    .scorecard-mobile thead { position: sticky; top: 0; z-index: 2; background: #fff; color: #154272; }
    .scorecard-mobile th {
        padding: 3px 0 !important;
        text-align: center;
        font-weight: bold;
        font-size: 0.62rem;
        background: #fff;
        color: #154272;
        white-space: nowrap;
        border-bottom: 2px solid #1E5C9B;
    }
    .scorecard-mobile td {
        padding: 2px 0 !important;
        text-align: center;
        font-size: 0.68rem;
        line-height: 1.1;
        border-bottom: 1px solid #eee;
        background: #fff;
    }
    /* Largeurs explicites des 3 premières colonnes (très étroites) */
    .scorecard-mobile th.sm-hole, .scorecard-mobile td.sm-hole { width: 18px; font-weight: bold; background: #1E5C9B !important; color: #fff !important; }
    .scorecard-mobile th.sm-par, .scorecard-mobile td.sm-par { width: 24px; }
    .scorecard-mobile th.sm-hcp, .scorecard-mobile td.sm-hcp { width: 26px; color: #888; }
    .scorecard-mobile th.sm-tee {
        padding: 3px 0 !important;
        /* Largeur égale pour toutes les cols tees : (100% - 56px fixed cols) / N */
        width: calc((100% - 68px) / var(--n-tees, 9)) !important;
    }
    .scorecard-mobile .sm-tee-sex { font-size: 0.6rem; margin-left: 1px; }
    .scorecard-mobile td.sm-dist {
        font-size: 0.6rem;
        padding: 2px 0 !important;
        width: calc((100% - 68px) / var(--n-tees, 9)) !important;
    }
    /* Lignes alternées */
    .scorecard-mobile tbody tr:nth-child(odd) td { background: #fafbfd; }
    .scorecard-mobile tbody tr:nth-child(odd) td.sm-hole { background: #1E5C9B !important; color: #fff !important; }
    /* Lignes Aller/Retour */
    .scorecard-mobile tr.sm-subtotal td {
        background: #1E5C9B !important;
        font-weight: bold;
        font-size: 0.62rem;
        color: #fff !important;
        padding: 2px 0 !important;
    }
    /* Ligne Total */
    .scorecard-mobile tr.sm-total td {
        background: #1B6B2F !important;
        color: #fff !important;
        font-weight: bold;
        font-size: 0.66rem;
        padding: 3px 0 !important;
    }
    /* Trous cliquables : indication visuelle */
    .scorecard-mobile tr.sm-hole-row { cursor: pointer; }
    .scorecard-mobile tr.sm-hole-row td.sm-hole { text-decoration: underline; }
}
/* === Page admin/icons : toolbar (Zoom + Importer + Back) en mobile === */
@media (max-width:600px) {
    .page-header.u-7bf2d21d { flex-wrap:wrap !important; }
    .page-header.u-7bf2d21d > .u-8b3546d0 {
        flex-basis:100% !important;
        flex-shrink:1 !important;
        min-width:0 !important;
        flex-wrap:wrap !important;
        justify-content:flex-start !important;
        gap:6px !important;
    }
    .page-header.u-7bf2d21d > .u-8b3546d0 > * { flex-shrink:0; }
    #btn-import-open { font-size:0.82rem !important; padding:6px 10px !important; }
    .u-8b3546d0 .zoom-btn { padding:4px 8px !important; font-size:0.78rem !important; }
}
/* Tee color circle: black drop shadow (global, applies wherever .tee-dot or .pf-tee-dot is used) */
.tee-dot, .pf-tee-dot { box-shadow: 0 1px 2px rgba(0,0,0,0.7), 0 0 1px rgba(0,0,0,0.5) !important; }
/* Tables : forcer largeur 100% du bloc parent (.card, .container, .table-responsive)
   ET restaurer display:table sur mobile (app.css force display:block dans @media ≤480px,
   ce qui casse l'algorithme table-layout et fait que la table garde la largeur du contenu).
   Opt-in horizontal scroll via [data-scroll-mobile]. */
.card > table, .card table:not([data-narrow]), .container > table, .table-responsive > table { width: 100% !important; }
@media (max-width: 480px) {
    .card > table:not([data-scroll-mobile]),
    .card-body > table:not([data-scroll-mobile]),
    .filters-card table:not([data-scroll-mobile]) {
        display: table !important;
        overflow-x: visible !important;
    }
}
/* Bloc "Classement officiel" (.u-e88d1e95 / .u-8c6ae036) :
   compact les pf-trigger des deux inputs (Class. / Nb joueurs) pour que
   "23 / 94" tienne sur une ligne en vue mobile (Galaxy S7, 360px). */
.u-8c6ae036 .pf-trigger {
    width: auto !important;
    min-width: 56px !important;
    padding: 6px 8px !important;
    font-size: 0.85rem !important;
    min-height: 32px !important;
    gap: 4px !important;
    justify-content: center !important;
}
.u-8c6ae036 .pf-trigger-value {
    flex: 0 0 auto !important;
}
/* ================================================================
   .comp-collapsible / .comp-header layout — partagé entre :
   - /competitions (player view)
   - /coach/{id}/competitions (coach view)
   Mobile (≤600px) : grille 2 colonnes
     Row 1 : titre (chevron + nom) — pleine largeur
     Row 2 : date + (golf …) à gauche
     Row 3 : stats inline (Class · Total / Brut · Net) à gauche
     Col 2, rows 2-3 stretch : bouton œil centré verticalement
   ================================================================ */
.comp-stats { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 0 12px; min-width: 0; white-space: nowrap; }
.comp-stats .u-539b047e { flex: 0 0 auto; white-space: nowrap; }
.score-detail { display: block; line-height: 1.1; font-size: 0.85rem; font-weight: normal; }
@media (max-width: 600px) {
    .comp-collapsible.card { padding: 0 !important; }
    .comp-header strong { font-size: 1.1rem !important; }
    .competition-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100vw - 140px); }

    /* Grid layout pour la barre d'en-tête sur mobile */
    .comp-header { display: grid !important; grid-template-columns: 1fr auto !important; gap: 1px 8px !important; align-items: center; padding: 8px 12px !important; }
    .comp-header .comp-title-line, .comp-header .comp-meta, .comp-header .comp-stats { line-height: 1.15 !important; }
    .comp-header .comp-title-line { grid-column: 1 / -1 !important; flex: 1 1 100% !important; min-width: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; }
    .comp-header .comp-title-line strong { min-width: 0; word-break: break-word; overflow-wrap: anywhere; }
    .comp-header .comp-meta { grid-column: 1 !important; grid-row: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; justify-content: flex-start !important; }
    .comp-header .comp-header-right { display: contents !important; gap: 8px !important; }
    .comp-header .comp-stats { grid-column: 1 !important; grid-row: 3 !important; justify-content: flex-start !important; gap: 0 6px !important; line-height: 1.2; min-width: 0; white-space: nowrap; overflow-x: auto; }
    .comp-header .comp-stats .u-539b047e { min-width: 0; white-space: nowrap; display: inline-flex !important; align-items: baseline; gap: 4px; }
    .comp-header .comp-stats .u-539b047e .u-798e8d66 { display: inline !important; text-transform: none !important; opacity: 0.65 !important; font-size: 0.78rem !important; letter-spacing: 0; }
    .comp-header .comp-stats .u-539b047e + .u-539b047e::before { content: "·"; color: #fff; opacity: 0.5; margin-right: 4px; align-self: center; }
    .comp-header .comp-stats .u-8c33dbb8 { font-size: 0.95rem !important; line-height: 1 !important; color: #FFD700 !important; }
    .comp-header .comp-stats .comp-total-score { font-size: 0.95rem !important; line-height: 1 !important; }
    .comp-header .comp-stats .comp-total-score + span { font-size: 0.7rem !important; }
    /* Bouton œil : col 2, rows 2-3 stretch */
    .comp-header .comp-header-right > a.btn { grid-column: 2 !important; grid-row: 2 / 4 !important; align-self: center !important; flex-shrink: 0; }
}
/* ================================================================
   .comp-body table — règles mobile partagées (player + coach views).
   Structure attendue : colgroup avec col-tee/col-brut/col-net/col-fir/
   col-gir/col-scram/col-pena/col-index/col-hdj, plus colonnes Tour/Date/
   Parcours/Score/Putts/Voir.
   Au-delà de 600px : largeurs auto + classes utility colgroup.
   ≤600px : table-layout fixed, nth-child width pour compacter.
   ================================================================ */
.col-course { white-space: normal; word-break: normal; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .comp-body table { table-layout: fixed !important; width: 100% !important; }
    /* Col 1=Tour, 2=Date, 3=Parcours, 4=Tee, 5=Score(non-stableford) ou Brut, 6=Net, 7=Putts(stableford), 8=Putts(non-stableford), 9=FIR, 10=GIR, 15=Voir */
    .comp-body table th:nth-child(1), .comp-body table td:nth-child(1) { width: 24px !important; }
    .comp-body table th:nth-child(2), .comp-body table td:nth-child(2) { width: 38px !important; }
    .comp-body table th:nth-child(4), .comp-body table td:nth-child(4) { width: 22px !important; }
    .comp-body table th:nth-child(5), .comp-body table td:nth-child(5) { width: 56px !important; }
    .comp-body table th:nth-child(6), .comp-body table td:nth-child(6) { width: 30px !important; }
    .comp-body table th:nth-child(7), .comp-body table td:nth-child(7) { width: 30px !important; }
    .comp-body table th:nth-child(8), .comp-body table td:nth-child(8) { width: 32px !important; }
    .comp-body table th:nth-child(9), .comp-body table td:nth-child(9) { width: 30px !important; }
    .comp-body table th:nth-child(10), .comp-body table td:nth-child(10) { width: 30px !important; }
    .comp-body table th:nth-child(15), .comp-body table td:nth-child(15) { width: 36px !important; }
    .comp-body table th, .comp-body table td { padding: 2px 1px !important; font-size: 0.78rem; overflow: hidden; }
    .comp-body table th.col-tee { font-size: 0.65rem !important; font-weight: normal !important; }
    .comp-body table .col-course { white-space: normal !important; word-break: break-word; }
    /* Hauteur compacte des lignes de tour */
    .comp-body table tr.u-5d535de6 td { padding-top: 3px !important; padding-bottom: 3px !important; line-height: 1.15 !important; vertical-align: top !important; }
    .comp-body table tr.u-5d535de6 .course-golf { line-height: 1.15 !important; }
    .comp-body table tr.u-5d535de6 .course-parcours { line-height: 1.1 !important; }
    /* Cercle tee : compact — scopé à .comp-body (liste compétitions + coach) pour
       ne pas écraser les autres usages de .tee-dot, notamment la grosse pastille
       du bloc « infos du trou » en saisie (#info-trou-card). */
    .comp-body .tee-dot { width: 9px !important; height: 9px !important; border-width: 1px !important; }
    /* Score detail mobile */
    .score-detail { font-size: 0.7rem !important; }
    /* Tour col compact */
    th.u-f349cc6e { width: 28px !important; padding: 4px 2px !important; font-size: 0.65rem !important; font-weight: normal !important; }
    td.u-1b08ffd9 { padding: 4px 2px !important; }
    /* Total compétition row */
    tr.u-c34894aa td .total-caption { color: #cbd5e0 !important; font-weight: normal !important; font-size: 0.6rem !important; line-height: 1.2 !important; }
    tr.u-c34894aa td { font-weight: bold !important; }
    /* Bouton voir compact dans le tableau */
    .comp-body table .btn-sm { padding: 6px 8px !important; font-size: 0.82rem !important; }
    /* Lignes cliquables : feedback tap */
    tr.row-clickable { cursor: pointer; }
    tr.row-clickable:active td { background: #eef3fa; }
}
/* ================================================================
   .comp-body table — règles de base partagées (player + coach views)
   Inline styles déplacés depuis competition/index.php pour s'appliquer
   également au coach view qui réutilise les mêmes classes.
   ================================================================ */
.comp-body table colgroup col.col-tee { width: 32px; }
.comp-body table colgroup col.u-0a933d55 { width: 38px !important; }
/* Tour */
.comp-body table colgroup col.u-bd4ba714 { width: 50px !important; }
/* Date */
.comp-body table colgroup col.u-7daf6ba9 { width: 96px !important; }
/* Score */
.comp-body table colgroup col.u-aa6b0fd9 { width: 44px !important; }
/* Stats : putts/FIR/GIR/Scram/Péna/Index/HDJ/Brut/Net */
.comp-body table colgroup col.col-scram { width: 60px !important; }
/* Scram. */
.comp-body table colgroup col.u-8935a6a1 { width: 64px !important; }
/* Voir */
.comp-body table .td-center { padding: 4px 2px; }
/* Centrage horizontal complet : tous les titres et toutes les valeurs sont centrés dans leur colonne (override .u-0a5ac359 right pour la colonne Voir) */
.comp-body table th,
.comp-body table td { text-align: center !important; }
.comp-body table th, .comp-body table td { white-space: nowrap; }
.comp-body table td { vertical-align: top !important; }
.comp-body table .col-course { white-space: normal; }
.comp-body table tr.u-5d535de6 td { padding-top: 3px !important; padding-bottom: 3px !important; line-height: 1.15 !important; }
.comp-body table tr.u-5d535de6 .course-golf { line-height: 1.15 !important; }
.comp-body table tr.u-5d535de6 .course-parcours { line-height: 1.1 !important; }
.comp-body table tr.u-5d535de6 { cursor: pointer; transition: background-color .15s; }
@media (hover:hover) and (pointer:fine) {
    .comp-body table tr.u-5d535de6:hover { background-color: #EEF3FA; }
}
/* Total compétition row : valeurs en gras+blanc, captions en gris clair non-gras */
tr.u-c34894aa td .total-caption {
    color: #cbd5e0 !important;
    font-weight: normal !important;
    font-size: 0.6rem !important;
    line-height: 1.2 !important;
}
tr.u-c34894aa td { font-weight: bold !important; }
/* Title bar competition total score: match per-round score size in table */
.comp-total-score { font-size: 0.95rem !important; }
@media (max-width: 768px) { .comp-total-score { font-size: 0.85rem !important; } }
@media (max-width: 480px) { .comp-total-score { font-size: 0.75rem !important; } }
/* Police narrow (Roboto Condensed) sur toute la card — mobile uniquement */
@media (max-width: 600px) { .comp-collapsible { font-family: var(--font-narrow); font-stretch: condensed; } }
/* Tableau détails trous (round_detail) : police narrow en mobile */
@media (max-width: 768px) {
    .u-8588e44d, .u-8588e44d th, .u-8588e44d td { font-family: var(--font-narrow) !important; font-stretch: condensed; }
}
/* ================================================================
   Stableford : colonnes Brut/Net étroites (≃ 2 chiffres)
   pour libérer de l'espace au profit de Parcours.
   Override prioritaire sur :
     - colgroup col.u-aa6b0fd9 (44px desktop)
     - .comp-body table th/td:nth-child(5) (56px mobile prévu pour Score, qui shift sur Brut en stableford)
   ================================================================ */
.comp-body table colgroup col.col-brut,
.comp-body table colgroup col.col-net { width: 36px !important; }
.comp-body table th.col-brut, .comp-body table td.col-brut,
.comp-body table th.col-net,  .comp-body table td.col-net { width: 28px !important; }
/* Labels de dispersion (Long-G/Long/Long-D/Gauche/Fairway/Green/Droite/Court-G/Court/Court-D) en weight 300 */
.disp-grid-3 > div > div:last-child,
.disp-grid-3 .u-724e709d { font-weight: 300 !important; }
/* Mobile (≤768px) : force tous les wrappers 2-col des pages /stats/* et /coach/{id}/stats/*
   à empiler leurs blocs verticalement sur une seule colonne */
@media (max-width: 768px) {
    .u-bfb7d257,           /* dispersion-wrapper (fairways: dispersion fairway / dispersion par 3) */
    .u-73094bf5,           /* approche (1fr 2fr) */
    .u-b576ced6,           /* grid-2-responsive : impact FIR / impact GIR */
    .u-4ea465e0,           /* grid-2-responsive : clubs approche, radar */
    .grid-2-responsive,
    .grid-3-responsive,
    .dispersion-wrapper {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}
/* Tableau parcours détail (.u-bfeca501) — règles dupliquées en global pour que ça
   marche aussi quand le bloc est chargé via AJAX dans /stats (synth-customizer
   n'extrait pas les <style> de la réponse). */
.u-bfeca501 th,
.u-bfeca501 td { text-align: center !important; }
.u-bfeca501 .u-ccb4e935 td { border-top: 4px solid #1E5C9B !important; border-bottom: 4px solid #1E5C9B !important; }
.u-bfeca501 .u-ccb4e935 td:first-child { border-left: 4px solid #1E5C9B !important; }
.u-bfeca501 .u-ccb4e935 td:last-child { border-right: 4px solid #1E5C9B !important; }
.u-bfeca501 .pf-row-total td { border-top: 4px solid #1B6B2F !important; border-bottom: 4px solid #1B6B2F !important; }
.u-bfeca501 .pf-row-total td:first-child { border-left: 4px solid #1B6B2F !important; }
.u-bfeca501 .pf-row-total td:last-child { border-right: 4px solid #1B6B2F !important; }
@media (max-width: 768px) {
    .u-bfeca501,
    .u-bfeca501 th,
    .u-bfeca501 td,
    .u-bfeca501 span {
        font-family: var(--font-narrow) !important;
        font-stretch: condensed !important;
    }
    .u-bfeca501 td, .u-bfeca501 th { padding: 3px 1px !important; font-size: 0.6rem !important; line-height: 1.15 !important; }
    .u-bfeca501 th { font-size: 0.58rem !important; }
    [data-block="parcours_kpis"] .card { padding-left: 0 !important; padding-right: 0 !important; }
    [data-block="parcours_kpis"] .card > .card-title,
    [data-block="parcours_kpis"] .card > .u-9b8adcec,
    [data-block="parcours_kpis"] .card > .u-655ae556 { padding-left: 12px !important; padding-right: 12px !important; }
}
/* === Boutons de suppression (icône trash) ===========================
   Tous les .btn-danger contenant l'icône "trash" (img dont le src contient "trash")
   reçoivent un fond rouge clair, et au survol un cadre rouge vif (au lieu du gold).
   Utilise :has() (Chrome 105+, Safari 15.4+, Firefox 121+).
   ==================================================================== */
.btn-danger:has(img[src*="trash"]) {
    background: #ff8a8a !important;
    color: #fff !important;
}
@media (hover:hover) {
    .btn-danger:has(img[src*="trash"]):hover {
        background: #ff8a8a !important;
        outline: 5px solid #ff0000 !important;
        outline-offset: 2px !important;
    }
}