/* Le Jour Off : calcul des jours ouvrés et ouvrables (composants/outil-jours-ouvres.html). Couleurs et polices de theme.css. */
.cj [hidden] { display: none !important; }
.cj-form { margin: 0 0 18px; padding: 16px; background: var(--ciel); border-radius: 4px; }
.cj-ajout { margin-top: 24px; background: var(--vert); }
.cj-bloc { display: grid; gap: 12px; margin: 0; padding: 0; border: 0; min-width: 0; }
.cj-bloc + .cj-bloc { margin-top: 16px; }
@media (min-width: 720px) { .cj-bloc { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .cj-bloc legend { grid-column: 1 / -1; } }
.cj-bloc legend { padding: 0; margin-bottom: 8px; font: 400 22px/1.2 var(--main); }
.cj-champ { margin: 0; }
.cj-champ label { display: block; margin-bottom: 6px; font-weight: 700; }
.cj-champ input, .cj-champ select { width: 100%; max-width: 260px; min-height: 44px; padding: 8px 10px; font: inherit; color: var(--feutre);
  background: var(--papier); border: 2px solid var(--feutre); border-radius: 8px; }
.cj-cases, .cj-zones { margin: 0; }
.cj-cases label, .cj-zones label { display: flex; align-items: center; gap: 8px; padding: 5px 0; cursor: pointer; }
.cj-cases input, .cj-zones input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--rouge-texte); }
.cj-phrase { margin: 0 0 12px; font-weight: 700; }
.cj-chiffres { list-style: none; display: grid; gap: 10px; margin: 0 0 14px; padding: 0; }
@media (min-width: 620px) { .cj-chiffres { grid-template-columns: repeat(3, 1fr); } }
.cj-chiffres li { max-width: none; margin: 0; padding: 12px 14px; background: var(--email); border-radius: 2px; }
.cj-chiffres .cj-fort { background: var(--postit); box-shadow: 0 8px 10px -8px rgba(0, 0, 0, .35); }
.cj-n { display: block; font-weight: 800; font-size: 38px; line-height: 1.05; letter-spacing: -.02em; }
.cj-def { display: block; font-size: 14px; color: #3a3f48; }
.cj-detail { margin: 0 0 12px; }
.cj .tableau caption { text-align: left; font-weight: 700; padding-bottom: 6px; }
.cj-jours summary { cursor: pointer; font-weight: 700; padding: 6px 0; }
.cj-jours ol { list-style: none; margin: 6px 0 0; padding: 0; font-size: 15px; columns: 2 260px; }
.cj-jours li { margin: 0 0 3px; padding-left: 14px; position: relative; break-inside: avoid; }
.cj-jours li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--vert-aimant); }
.cj-jours li.cj-x::before { background: var(--rouge-texte); }
.cj-resultat-ajout { margin: 14px 0 0; font-size: 18px; }
.cj-resultat-ajout:empty { display: none; }
.cj-erreur { display: block; margin: 0; padding: 10px 14px; border-left: 6px solid var(--rouge-texte); background: #fff1ef; font-weight: 700; }
.cj-source { margin: 14px 0 0; font-size: 14px; color: var(--doux); }
.cj-source a { color: var(--doux); }