/* diagram.css — sistema diagrammi outline minimalista, condiviso da tutte le pagine hub-ai.
   Inchiostro navy, un solo accento, 3 pesi di tratto, fill = colore superficie (knockout). */
:root {
    --dg-ink: #1A2E35;
    --dg-accent: #FF3769;
    --dg-accent-dark: #E02858;
    --dg-teal: #00C896;
    --dg-knock: var(--bg-card, #f8f2de);
    --dg-font: 'Space Mono', 'Courier New', monospace;
}
.o { stroke: var(--dg-ink); stroke-width: 2.4; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.o2 { stroke: var(--dg-ink); stroke-width: 1.5; fill: none; stroke-linecap: round; }
.hair { stroke: var(--dg-ink); stroke-width: 1; fill: none; opacity: .3; }
.knock { fill: var(--dg-knock); }
.acc { stroke: var(--dg-accent); }
.dlbl { font: 700 12px var(--dg-font); fill: var(--dg-ink); }
.dlbl.sm { font-size: 10px; font-weight: 400; fill: var(--text-muted, #7A8C94); }
.dlbl.c { text-anchor: middle; }
.flow { stroke: var(--dg-accent); stroke-width: 3; fill: none; stroke-dasharray: 7 9; stroke-linecap: round; animation: dg-dash 1.1s linear infinite; }
@keyframes dg-dash { to { stroke-dashoffset: -16; } }
@media (prefers-reduced-motion: reduce) { .flow { animation: none; } }