/* Bū tools · widget Soleil (voir app/soleil.js) : préfixe so-
   Dans la ligne du haut, dans le même style que l'heure et les deadlines (mono, gris) ; les heures en papier. */
.so { pointer-events: auto; position: relative; top: 1px; display: inline-flex; align-items: center; gap: 14px; padding: 2px 0; border: 0; background: none; cursor: pointer;
  font: 500 10.5px/1.5 var(--mono); letter-spacing: .1em; color: var(--texte2); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.sans-soleil .so { display: none; }
.so > span { display: inline-flex; align-items: center; gap: 6px; }
.so svg { width: 14px; height: 14px; flex: none; position: relative; top: -1px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.so b { font-weight: 500; color: var(--papier); opacity: .85; }
.so-golden b { color: var(--peche); opacity: 1; }
.so:hover { color: var(--papier); }
.so:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; border-radius: 6px; }

/* La fenêtre (formes de app/pomodoro.css) : les heures du jour, l'option, la position */
.so-heures { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.so-heures li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--filet-doux);
  font: var(--valeur); letter-spacing: .06em; color: var(--texte2); }
.so-heures li:last-child { border-bottom: 0; }
.so-heures b { font: 500 13px/1.3 var(--mono); letter-spacing: .03em; color: var(--papier); opacity: .85; white-space: nowrap; font-variant-numeric: tabular-nums; }
.so-heures li.fort span { color: var(--papier); }
.so-heures li.fort b { opacity: 1; }
.so-heures li.or b { color: var(--peche); opacity: 1; }
.so-heures li.bleu b { color: #8fb3e8; opacity: 1; }   /* l'heure bleue, en bleu doux */
.so-position { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; border-top: 1px solid var(--filet); }
.so-position span { font: var(--valeur); letter-spacing: .06em; color: var(--texte2); }
.so-boutons { display: flex; gap: 10px; flex-wrap: wrap; }
.so-boutons .pastille:hover { translate: none; }