/* Palette Plasma (www.plasma.business) applicata al portale. E' l'UNICA differenza grafica col
   portale: layout, componenti e il resto dei CSS sono quelli originali. */
:root {
    --plasma-void: #0c0a10;
    --plasma-ink: #171320;
    --plasma-magenta: #ff3f8e;
    --plasma-violet: #8b5cf6;
    --plasma-amber: #ffb347;
    --plasma-mist: #e8e3f2;
    --plasma-gradient: linear-gradient(100deg, #ff3f8e 0%, #8b5cf6 55%, #ffb347 110%);
}

/* header: il nero del portale diventa il "void" Plasma, con la sfumatura del marchio come filo sotto */
#top.bg-black { background: var(--plasma-void) !important; color: var(--plasma-mist) !important; }
#top.q-header--bordered { border-bottom: 0; }
#top::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--plasma-gradient); }
#top .q-link, #top a { color: var(--plasma-mist); }
.demo-badge { font: 600 11px/1 Roboto, sans-serif; letter-spacing: .06em; padding: 5px 10px; border-radius: 20px; margin: 0 8px;
    color: #fff; background: var(--plasma-gradient); white-space: nowrap; }
@media (max-width: 600px) { .demo-badge { display: none; } }

/* elenco app: colori delle aree presi dalla palette Plasma */
.pl-launcher-name { background: var(--plasma-gradient); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.pl-grp-produzione   { --pl-accent: #7c4ddb; --pl-accent-soft: #f1ebfe; }
.pl-grp-qualita      { --pl-accent: #e0306f; --pl-accent-soft: #ffe8f1; }
.pl-grp-manutenzione { --pl-accent: #d98200; --pl-accent-soft: #fff3e0; }
.pl-grp-commerciale  { --pl-accent: #4f5bd5; --pl-accent-soft: #eceefe; }
.pl-grp-persone      { --pl-accent: #0e9f8f; --pl-accent-soft: #e3f7f4; }
.pl-grp-controllo    { --pl-accent: #b0279b; --pl-accent-soft: #fae8f7; }
.pl-launcher-search:focus-within { border-color: var(--plasma-violet); box-shadow: 0 0 0 3px rgba(139, 92, 246, .18); }