/* fichier genere par node harnais/feuilles.cjs (copie-css.cjs noyau/maquette/c.html --liste noyau/styles/stoa.selecteurs --lignes 11-14,516 --jetons noyau/pages/jetons.css), ne pas editer */
* { box-sizing: border-box; } /* maquette/stoa.css 83 */
html, body { height: 100%; margin: 0; } /* maquette/stoa.css 84 */
body { font: var(--t-corps)/1.5 var(--police); color: var(--encre); background: var(--halo), var(--fond); background-attachment: fixed; -webkit-font-smoothing: antialiased; } /* maquette/stoa.css 85 */
h1, h2, h3, p { margin: 0; } /* maquette/stoa.css 92 */
button { font: inherit; color: inherit; border: 0; background: none; cursor: pointer; } /* maquette/stoa.css 93 */
.donnee { font-family: var(--police-donnee); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; } /* maquette/stoa.css 94 */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* maquette/stoa.css 95 */
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--r-touche); } /* maquette/stoa.css 96 */
.presse { transition: transform 100ms ease-out, background-color 120ms ease-out; } /* maquette/stoa.css 99 */
.presse:active { transform: scale(0.97); } /* maquette/stoa.css 100 */
.btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border-radius: var(--r-pilule); font-weight: var(--g-bouton); font-size: var(--t-ui); white-space: nowrap; } /* maquette/stoa.css 103 */
.btn-1 { background: var(--accent); color: var(--accent-encre); } /* maquette/stoa.css 104 */
.btn-2 { background: var(--accent-doux); color: var(--accent); } /* maquette/stoa.css 105 */
.btn-3 { color: var(--encre-2); box-shadow: var(--filet-fort); } /* maquette/stoa.css 106 */
.btn-petit { height: 30px; padding: 0 12px; font-size: var(--t-aide); } /* maquette/stoa.css 107 */
.etat { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: var(--r-pilule); font-size: var(--t-petit); font-weight: var(--g-bouton); white-space: nowrap; } /* maquette/stoa.css 110 */
.etat::before { content: ""; width: 7px; height: 7px; border-radius: var(--r-rond); background: currentColor; } /* maquette/stoa.css 111 */
.etat.ok { color: var(--ok); background: var(--ok-doux); } /* maquette/stoa.css 112 */
.etat.cours { color: var(--info); background: var(--info-doux); } /* maquette/stoa.css 113 */
.etat.cours::before { animation: pouls 1.6s ease-in-out infinite; } /* maquette/stoa.css 114 */
.etat.attente { color: var(--encre-3); background: var(--trait); } /* maquette/stoa.css 115 */
.etat.attente::before { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; } /* maquette/stoa.css 116 */
.etat.toi { color: var(--attention); background: var(--attention-doux); } /* maquette/stoa.css 117 */
.etat.toi::before { border-radius: var(--r-trait); } /* maquette/stoa.css 118 */
.etat.bloque { color: var(--danger); background: var(--danger-doux); } /* maquette/stoa.css 119 */
.etat.bloque::before { border-radius: 0; transform: rotate(45deg); } /* maquette/stoa.css 120 */
@keyframes pouls { 50% { opacity: .35; } } /* maquette/stoa.css 121 */
@media (prefers-reduced-motion: reduce) { /* maquette/stoa.css 122 */
.etat.cours::before { animation: none; } /* maquette/stoa.css 122 */
.presse { transition: none; } /* maquette/stoa.css 122 */
}
.puce { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: var(--r-pilule); font-size: var(--t-aide); color: var(--encre-2); box-shadow: var(--filet-fort); } /* maquette/stoa.css 124 */
.puce b { color: var(--encre); font-weight: var(--g-bouton); } /* maquette/stoa.css 125 */
.compteur { min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--r-pilule); background: var(--attention); color: var(--compteur-encre); font-size: var(--t-petit); font-weight: var(--g-gras); display: inline-grid; place-items: center; } /* maquette/stoa.css 126 */
@media (prefers-color-scheme: dark) { /* maquette/stoa.css 127 */
:root:not([data-theme="light"]) .compteur { color: var(--compteur-encre); } /* maquette/stoa.css 127 */
}
:root[data-theme="dark"] .compteur { color: var(--compteur-encre); } /* maquette/stoa.css 128 */
.barre { height: 6px; border-radius: var(--r-pilule); background: var(--trait); overflow: hidden; } /* maquette/stoa.css 130 */
.barre > i { display: block; height: 100%; border-radius: var(--r-pilule); background: var(--accent); } /* maquette/stoa.css 131 */
.avatar { width: 28px; height: 28px; border-radius: var(--r-rond); display: grid; place-items: center; font-size: var(--t-petit); font-weight: var(--g-gras); flex: none; } /* maquette/stoa.css 133 */
.avatar.mnemo { background: var(--agent-mnemo); color: var(--agent-encre); } /* maquette/stoa.css 134 */
.avatar.arthur { background: var(--trait-fort); color: var(--encre); } /* maquette/stoa.css 135 */
.avatar.ouvrier { background: var(--agent-ouvrier); color: var(--agent-encre); } /* maquette/stoa.css 136 */
.avatar.relecteur { background: var(--agent-relecteur); color: var(--agent-encre); } /* maquette/stoa.css 137 */
.matiere { background: var(--matiere); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); } /* maquette/stoa.css 139 */
@media (prefers-reduced-transparency: reduce) { /* maquette/stoa.css 140 */
.matiere { background: var(--surface); backdrop-filter: none; } /* maquette/stoa.css 140 */
}
.mention-maquette { font-size: var(--t-legende); color: var(--encre-3); } /* maquette/stoa.css 142 */
[hidden] { display: none !important; } /* maquette/c.html 11 */
svg.i { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: none; } /* maquette/c.html 12 */
input, textarea { font: inherit; color: inherit; background: none; border: 0; outline: 0; width: 100%; resize: none; } /* maquette/c.html 13 */
::placeholder { color: var(--encre-3); } /* maquette/c.html 14 */
[aria-disabled="true"] { opacity: .45; cursor: not-allowed; } /* maquette/c.html 516 */