/* IPTV Smart HD - CSP styles phase 3 (étape 31)
   Motifs anciennement présents dans des attributs style répétés.
   Le sélecteur :is() renforce la spécificité sans utiliser !important. */

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-1646b4418f) {
  color:var(--accent-cyan);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-733bf662e2) {
  background:var(--bg-card);border-left:3px solid var(--accent-cyan);padding:20px;border-radius:8px;margin:30px auto;max-width:800px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-d65dec3c94) {
  background:var(--bg-card, #1a1a2e);border:1px solid rgba(0,217,255,.2);border-radius:16px;padding:30px;margin:40px auto;max-width:800px;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-a4b4722077) {
  border-radius:12px;flex-shrink:0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-8f842eb8ad) {
  color:var(--accent-cyan);font-weight:600;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-1f7863c0b6) {
  color:var(--accent-cyan, #00d9ff);font-size:.85rem;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-e38cb96006) {
  display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary, #b0b0c0);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-ebe8ffe391) {
  flex:1;min-width:250px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-d2a470440f) {
  margin:0 0 10px 0;font-size:1.3rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-b64554447c) {
  margin:0 0 12px 0;color:var(--text-secondary, #b0b0c0);line-height:1.6;font-size:.95rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-a6d6f2c343) {
  width:100%;max-width:800px;border-radius:20px;margin-top:2rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-999eeeb10d) {
  color: var(--accent-cyan);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-5d4f38b456) {
  color:var(--accent-cyan);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-d95f3d32b0) {
  font-size: 2rem; margin-bottom: 0.8rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-f8fe534f98) {
  max-width:700px;width:100%;border-radius:16px;margin-top:2rem;display:block;margin-left:auto;margin-right:auto;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-470380ac36) {
  padding:0.8rem;border:1px solid #333;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-f5ee68411b) {
  text-align:center;margin-top:2rem;color:var(--text-secondary);font-size:.85rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-3558fd0a4c) {
  background: var(--bg-card); border: 1px solid rgba(255,255,255,0.1); border-radius: 15px; padding: 1.5rem; text-decoration: none; transition: all 0.3s; text-align: center;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-c71f912951) {
  color: var(--text-primary); font-weight: 600; font-size: 0.95rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-63641f994f) {
  background:rgba(112,0,255,.06);border:1px solid rgba(112,0,255,.2);border-radius:15px;padding:1.5rem;margin:2rem 0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-fca42be4b6) {
  color:var(--text-primary);margin-bottom:.8rem;font-size:1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-981a8d8a4f) {
  color:var(--text-secondary);font-size:.9rem;margin:0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-838845f0d3) {
  background:var(--bg-card);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1rem 1.2rem;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:0.9rem;transition:all 0.3s;display:block;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-40db072ae8) {
  color:#00d9ff;text-decoration:none;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-c0b89d302c) {
  color:#ef4444;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-c90769ddff) {
  background: var(--bg-card); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 2.5rem 1.5rem; text-align: center; text-decoration: none; transition: all 0.3s; display: block;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-65d098a1b7) {
  background:linear-gradient(135deg,rgba(0,217,255,0.1),rgba(112,0,255,0.1));border:1px solid rgba(0,217,255,0.2);border-radius:20px;padding:2.5rem;text-align:center;margin:3rem 0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-67f95baf44) {
  color: var(--accent-cyan); font-weight: 600; font-size: 0.9rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-e756e45608) {
  color: var(--text-primary); font-size: 1.3rem; margin-bottom: 0.8rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-5a7fefc841) {
  color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: 1.2rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-8d4ea963c9) {
  color:rgba(255,255,255,0.7);margin-bottom:1.5rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-bbbf6c2c9f) {
  display:inline-block;padding:0.8rem 2rem;background:linear-gradient(135deg,#6c63ff,#00d9ff);color:#fff;border-radius:50px;text-decoration:none;font-weight:700;transition:all 0.3s;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-ab4a191d17) {
  font-size: 3rem; margin-bottom: 1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-61f9c589f1) {
  font-size:0.8rem;color:rgba(255,255,255,0.3);margin-top:8px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-e9236946e1) {
  padding: 4rem 0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-34b079dc4f) {
  background:#0f0f0f;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-1c0745225d) {
  background:#ef4444;color:#fff;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-78b1fbf0d5) {
  color: var(--text-primary); margin: 2rem 0 0.8rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-02c19a26c7) {
  color:var(--text-primary);margin-bottom:.8rem;font-size:1rem;font-weight:700;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-e5bae51ad1) {
  display:flex;gap:1rem;flex-wrap:wrap;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-7d09b34442) {
  font-size:0.85rem; color:rgba(255,255,255,0.6); margin:-0.6rem 0 1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-547d6c5ce5) {
  font-size:1.3rem;font-weight:700;margin-bottom:0.8rem;color:#fff;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-ee8f45820c) {
  margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.06);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-f10be92bfe) {
  padding:0.8rem;border:1px solid #333;text-align:left;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-41297d6224) {
  color: var(--text-secondary); line-height: 1.9; font-size: 1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-a4de8858e9) {
  color:var(--accent-cyan);text-decoration:underline;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-ecf0c3d670) {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-451b353a25) {
  display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-2c8720e1bf) {
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-2e27476049) {
  font-size:1.1rem; color:rgba(255,255,255,0.85); margin-bottom:1.2rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-255064e74e) {
  font-size:1.3rem;margin-bottom:1.2rem;color:var(--text-primary);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-e566873873) {
  font-size:1.4rem;font-weight:700;margin-bottom:1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-64ecf7cc03) {
  margin-top: 1.2rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-dd1db808ed) {
  margin:1rem 0 0;color:var(--text-secondary);font-size:0.82rem;line-height:1.6;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-4612ed8cec) {
  max-width: 850px; margin: 0 auto; color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-2d2b9d4e96) {
  max-width: 900px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-7cb0dc03ff) {
  padding: 3rem 0 4rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-05ea3c731c) {
  padding:1.5rem 0; background:linear-gradient(135deg, rgba(0,217,255,0.05), rgba(112,0,255,0.05));
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-r-5a2dfef236) {
  text-align:center;
}

/* Étape 32 — migration finale des attributs style uniques et des états JavaScript.
   La même spécificité renforcée préserve la priorité historique des styles inline. */

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-1b12406403) {
  color: #ffffff; font-weight: 700;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-1f175e8de1) {
  list-style:none;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-221581803b) {
  padding: 2rem 0 4rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-24b0ec6c6a) {
  text-align:center; margin-top:2rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-261c0cd7dd) {
  padding:1.5rem 0 1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-287a5cfe15) {
  display:none; text-align:center;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-291b7bbb01) {
  margin-top:0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-2a4d30da60) {
  padding: 5rem 0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-2b198e0077) {
  font-size:1.3rem;margin-bottom:0.8rem;color:#fff;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-2e93d48fdb) {
  max-width: 1200px; margin: 0 auto; padding: 1rem 2rem 0; font-size: 0.85rem; color: var(--text-secondary);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-34a81fdf1a) {
  color: var(--text-secondary); font-size: 0.9rem; margin-top: 0.5rem; margin-bottom: 1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-3cf321487c) {
  color:#00d9ff; font-weight:600;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-4209b163ab) {
  font-size:1.8rem; margin-bottom:1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-625500ed55) {
  color: var(--accent-cyan); text-decoration: none;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-77e960efb1) {
  max-width:850px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-881c33342e) {
  background: var(--bg-card); border: 1px solid rgba(0,217,255,0.3); border-radius: 15px; padding: 1.5rem; text-decoration: none; transition: all 0.3s; text-align: center;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-a0e0f4dd3d) {
  width:100%;border-collapse:collapse;margin:1rem 0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-ac034c32a5) {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-ae6cf39719) {
  font-size:3rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-b0eb59c131) {
  color:#ef4444;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-c43c007b4a) {
  color:var(--text-secondary); margin-bottom:2rem; font-size:1rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-ce1f2eb0c7) {
  position:relative;z-index:1;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-e21110ac28) {
  padding:2rem 0 3rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-e2d02286b3) {
  color: var(--accent-cyan); font-weight: 600; font-size: 0.95rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-ec98eb5e3e) {
  background:var(--bg-card);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-f0b24eea08) {
  margin-bottom: 1.5rem;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-f40043708b) {
  max-width:800px;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-u-f72eb706a7) {
  padding: 2rem 0; text-align: center; background: var(--bg-secondary);
}

/* États pilotés par JavaScript, sans écriture dans l'attribut style. */
:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-state-closing) {
  transform: translateY(120%);
  opacity: 0;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-state-hidden) {
  display: none;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-state-visible) {
  display: block;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .csp-state-success) {
  background: #22c55e;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .header.csp-state-header-scrolled) {
  background: rgba(10, 10, 10, 0.95);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, .header.csp-state-header-top) {
  background: rgba(10, 10, 10, 0.9);
  box-shadow: none;
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, [data-hover-effect="lift-border-5"].csp-hover-active) {
  transform: translateY(-5px);
  border-color: rgba(0, 217, 255, 0.3);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, [data-hover-effect="lift-border-3"].csp-hover-active) {
  transform: translateY(-3px);
  border-color: rgba(0, 217, 255, 0.3);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, [data-hover-effect="lift-background-3"].csp-hover-active) {
  transform: translateY(-3px);
  background: rgba(0, 217, 255, 0.05);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, [data-hover-effect="border"].csp-hover-active) {
  border-color: rgba(0, 217, 255, 0.3);
}

:is(#csp-inline-a#csp-inline-b#csp-inline-c, [data-hover-effect="lift-shadow-2"].csp-hover-active) {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(0, 217, 255, 0.3);
}