/*
 * Studio Arfia — casi/gestionale.css · v0.94.0 · 03/11/2026
 * Il caso «Dati sparsi» di /soluzioni/ (inc/casi/gestionale.php): il MacBook del kit con la vista Ordini di La tua azienda e,
 * davanti a destra, l'iPhone del magazzino con la tab bar a tondo centrale. Rami, 03/11: «migliorala leggermente e mettila
 * dentro un MacBook… l'iPhone molto moderno… quattro icone e una centrale dentro un tondo, a metà dentro e a metà fuori».
 * Tutto scala con la larghezza della scena (container + cqw): da computer la scena è larga 690px, da telefono la colonna.
 * Nel Mac le misure sono in px del canvas 756 × 491 (--p = 2 punti dello schermo); nel telefono in punti di iOS (--u del kit).
 * Movimento solo sotto .as-demo-vivo, una volta: arriva l'ordine 2043 su tutti e due. Da fermo: già arrivato.
 */
@font-face { font-family: 'Bricolage Grotesque'; src: url('../../fonts/schermate/bricolage-grotesque-latin.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('../../fonts/schermate/instrument-sans-normal-latin.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }

.as-k-gestionale { container-type: inline-size; width: 100%; }
.as-k-gestionale__tela { position: relative; width: 100%; aspect-ratio: 690 / 512; }
.as-k-gestionale__mac { position: absolute; z-index: 1; left: 0; top: 0; width: 87%; }
.as-k-gestionale__mac .as-macbook { font-size: calc(87cqw / 66); }
.as-k-gestionale__iphone { position: absolute; z-index: 2; right: 0; bottom: 2.4%; width: 26.5%; } /* niente ombra a filtro: il telefono del kit ha la sua, e su Safari da iPhone un filtro sopra contenuti animati fa lampi (Errori 1.78) */
.as-k-gestionale__iphone .as-iphone { font-size: calc(26.5cqw / 20.51); }
.as-k-gestionale p { margin: 0; }
.as-k-gestionale :is(b, small, em, i, u, s, strong) { font-style: normal; text-decoration: none; }
.as-k-gestionale img { display: block; width: 100%; height: 100%; object-fit: cover; }
.as-k-gestionale__ico { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ══ IL MAC: la vista Ordini ═══════════════════════════════════════════════════════════════ */
.as-k-gestionale__app {
	--p: calc(var(--u) * 2);
	--sq: var(--as-brm, 1);
	--ink: #14202B;
	--muted: #6B7180;
	--verde: #2F4A3A;
	--vetro: rgba(255, 255, 255, .62);
	--filo: inset 0 0 0 1px rgba(255, 255, 255, .88);
	--ombra: 0 calc(12 * var(--p)) calc(26 * var(--p)) calc(-18 * var(--p)) rgba(40, 46, 96, .4);
	--f-t: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
	position: absolute;
	inset: 0;
	isolation: isolate;
	overflow: hidden;
	display: grid;
	grid-template-columns: calc(146 * var(--p)) minmax(0, 1fr) calc(192 * var(--p));
	column-gap: calc(10 * var(--p));
	padding: calc(10 * var(--p));
	background: #EDF0F6;
	color: var(--ink);
	font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: calc(10 * var(--p));
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
}
/* la luce sotto i vetri: menta e cielo a sinistra, pesca in alto, lavanda e rosa a destra (niente gialli) */
.as-k-gestionale__app::before { content: ''; position: absolute; z-index: -1; inset: -8%; background: radial-gradient(38% 44% at 2% 8%, #8FE3C4 0, rgba(143, 227, 196, 0) 70%), radial-gradient(34% 40% at 46% -6%, #FFB59C 0, rgba(255, 181, 156, 0) 70%), radial-gradient(40% 52% at 104% 30%, #B79BFF 0, rgba(183, 155, 255, 0) 70%), radial-gradient(44% 44% at 64% 108%, #FF9CCB 0, rgba(255, 156, 203, 0) 70%), radial-gradient(34% 40% at 4% 100%, #94BEFF 0, rgba(148, 190, 255, 0) 70%); }
.as-k-gestionale__app .as-k-gestionale__ico { width: calc(13 * var(--p)); height: calc(13 * var(--p)); }
@supports (corner-shape: squircle) {
	.as-k-gestionale__app :is(.as-k-gestionale__lato, .as-k-gestionale__marchio i, .as-k-gestionale__nav span, .as-k-gestionale__uniti, .as-k-gestionale__me, .as-k-gestionale__me i, .as-k-gestionale__kpi > p, .as-k-gestionale__lista, .as-k-gestionale__ord, .as-k-gestionale__chi, .as-k-gestionale__art img, .as-k-gestionale__scuro, .as-k-gestionale__art-scuro img, .as-k-gestionale__liberi, .as-k-gestionale__lib > i, .as-k-gestionale__testa em) { corner-shape: squircle; }
}
.as-k-gestionale__lato, .as-k-gestionale__lista, .as-k-gestionale__liberi, .as-k-gestionale__cerca > span:first-of-type, .as-k-gestionale__campana { background: var(--vetro); box-shadow: var(--filo), var(--ombra); }

/* la barra laterale */
.as-k-gestionale__lato { display: flex; flex-direction: column; gap: calc(10 * var(--p)); min-width: 0; padding: calc(11 * var(--p)) calc(9 * var(--p)); border-radius: calc(16 * var(--p) * var(--sq)); }
.as-k-gestionale__marchio { display: flex; align-items: center; gap: calc(7 * var(--p)); padding: 0 calc(2 * var(--p)) calc(2 * var(--p)); font-family: var(--f-t); color: #22362B; }
.as-k-gestionale__marchio i { display: grid; place-items: center; flex: none; width: calc(27 * var(--p)); height: calc(27 * var(--p)); padding: calc(4 * var(--p)); border-radius: calc(8 * var(--p) * var(--sq)); background: var(--verde); box-shadow: 0 calc(4 * var(--p)) calc(8 * var(--p)) calc(-2 * var(--p)) rgba(47, 74, 58, .45); }
.as-k-gestionale__marchio i .as-lg { width: 100%; height: 100%; }
.as-k-gestionale__marchio span { display: grid; gap: calc(2 * var(--p)); min-width: 0; line-height: 1; }
.as-k-gestionale__marchio b { font-size: calc(12.5 * var(--p)); font-weight: 600; letter-spacing: -.02em; white-space: nowrap; }
.as-k-gestionale__marchio small { font-family: 'Instrument Sans', sans-serif; font-size: calc(7 * var(--p)); font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: rgba(34, 54, 43, .5); white-space: nowrap; }
.as-k-gestionale__nav { display: grid; gap: calc(2 * var(--p)); }
.as-k-gestionale__nav span { display: flex; align-items: center; gap: calc(8 * var(--p)); height: calc(25 * var(--p)); padding: 0 calc(8 * var(--p)); border-radius: calc(8 * var(--p) * var(--sq)); font-size: calc(10.5 * var(--p)); font-weight: 500; color: #4E5463; }
.as-k-gestionale__nav .as-k-gestionale__ico { color: #8A8F9C; }
.as-k-gestionale__nav em { margin-left: auto; min-width: calc(17 * var(--p)); height: calc(15 * var(--p)); padding: 0 calc(4 * var(--p)); border-radius: 999px; background: rgba(20, 32, 43, .06); font-size: calc(8.5 * var(--p)); font-weight: 700; line-height: calc(15 * var(--p)); text-align: center; color: #5B6170; font-variant-numeric: tabular-nums; }
.as-k-gestionale__nav em.is-rosso { background: #FFE0E2; color: #D2283A; }
.as-k-gestionale__nav .is-on { background: #fff; color: #22362B; font-weight: 600; box-shadow: 0 calc(6 * var(--p)) calc(14 * var(--p)) calc(-8 * var(--p)) rgba(40, 46, 96, .45); }
.as-k-gestionale__nav .is-on .as-k-gestionale__ico { color: var(--verde); }
.as-k-gestionale__nav .is-on em { background: var(--verde); color: #fff; }
/* «Tutto qui»: il senso del caso, detto dal prodotto stesso (i dati non stanno più in tre posti) */
/* il prossimo evento: la foto della tavola apparecchiata coi nostri arredi */
.as-k-gestionale__evento { position: relative; flex: 1; min-height: calc(70 * var(--p)); overflow: hidden; border-radius: calc(12 * var(--p) * var(--sq)); color: #fff; box-shadow: 0 calc(10 * var(--p)) calc(20 * var(--p)) calc(-14 * var(--p)) rgba(30, 24, 60, .7); }
@supports (corner-shape: squircle) { .as-k-gestionale__evento { corner-shape: squircle; } }
.as-k-gestionale__evento img { position: absolute; inset: 0; object-position: 50% 55%; }
.as-k-gestionale__evento::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(16, 20, 30, 0) 28%, rgba(16, 20, 30, .84) 100%); }
.as-k-gestionale__evento i { position: absolute; z-index: 1; top: calc(7 * var(--p)); left: calc(7 * var(--p)); display: inline-flex; align-items: center; gap: calc(4 * var(--p)); height: calc(16 * var(--p)); padding: 0 calc(7 * var(--p)) 0 calc(6 * var(--p)); border-radius: 999px; background: rgba(16, 20, 30, .5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); font-size: calc(8 * var(--p)); font-weight: 600; }
.as-k-gestionale__evento i::before { content: ''; width: calc(5 * var(--p)); height: calc(5 * var(--p)); border-radius: 50%; background: #3DDC84; box-shadow: 0 0 0 calc(2 * var(--p)) rgba(61, 220, 132, .3); }
.as-k-gestionale__evento span { position: absolute; z-index: 1; left: calc(8 * var(--p)); right: calc(8 * var(--p)); bottom: calc(8 * var(--p)); display: grid; gap: calc(2 * var(--p)); }
.as-k-gestionale__evento b { font-family: var(--f-t); font-size: calc(11.5 * var(--p)); font-weight: 600; letter-spacing: -.015em; line-height: 1.1; }
.as-k-gestionale__evento em { font-size: calc(8 * var(--p)); color: rgba(255, 255, 255, .8); }

.as-k-gestionale__uniti { position: relative; display: grid; grid-template-columns: calc(22 * var(--p)) minmax(0, 1fr); gap: calc(7 * var(--p)); margin-top: auto; padding: calc(9 * var(--p)); overflow: hidden; border-radius: calc(12 * var(--p) * var(--sq)); background: linear-gradient(150deg, #E9FBF2 0%, #D6F2E6 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 calc(8 * var(--p)) calc(18 * var(--p)) calc(-12 * var(--p)) rgba(19, 148, 95, .45); color: #0F5A3B; }
.as-k-gestionale__uniti > .as-k-gestionale__ico { width: calc(22 * var(--p)); height: calc(22 * var(--p)); padding: calc(4 * var(--p)); border-radius: 50%; background: #13945F; color: #fff; stroke-width: 2.2; }
.as-k-gestionale__uniti span { display: grid; gap: calc(2 * var(--p)); line-height: 1.25; }
.as-k-gestionale__uniti b { font-family: var(--f-t); font-size: calc(11 * var(--p)); font-weight: 600; letter-spacing: -.01em; }
.as-k-gestionale__uniti small { font-size: calc(8 * var(--p)); color: rgba(15, 90, 59, .75); }
.as-k-gestionale__me { display: flex; align-items: center; gap: calc(7 * var(--p)); padding: calc(5 * var(--p)); border-radius: calc(11 * var(--p) * var(--sq)); background: rgba(255, 255, 255, .72); box-shadow: var(--filo); }
.as-k-gestionale__me i { flex: none; width: calc(24 * var(--p)); height: calc(24 * var(--p)); overflow: hidden; border-radius: calc(8 * var(--p) * var(--sq)); }
.as-k-gestionale__me span { display: grid; min-width: 0; line-height: 1.25; }
.as-k-gestionale__me b { font-size: calc(10 * var(--p)); font-weight: 600; }
.as-k-gestionale__me small { font-size: calc(8.5 * var(--p)); color: var(--muted); }

/* la colonna di mezzo: il titolo sotto la tacca, i numeri del giorno, gli ordini */
.as-k-gestionale__main, .as-k-gestionale__dx { display: flex; flex-direction: column; gap: calc(9 * var(--p)); min-width: 0; min-height: 0; }
.as-k-gestionale__main { padding-top: calc(17 * var(--p)); }
.as-k-gestionale__testa { display: flex; flex: none; align-items: baseline; gap: calc(7 * var(--p)); height: calc(24 * var(--p)); padding: 0 calc(3 * var(--p)); white-space: nowrap; }
.as-k-gestionale__testa b { font-family: var(--f-t); font-size: calc(20 * var(--p)); font-weight: 600; letter-spacing: -.03em; line-height: 1; }
.as-k-gestionale__testa span { font-size: calc(9.5 * var(--p)); color: var(--muted); }
.as-k-gestionale__testa em { display: inline-flex; align-self: center; align-items: center; gap: calc(4 * var(--p)); height: calc(22 * var(--p)); margin-left: auto; padding: 0 calc(9 * var(--p)) 0 calc(7 * var(--p)); border-radius: calc(8 * var(--p) * var(--sq)); background: #14202B; color: #fff; font-size: calc(9.5 * var(--p)); font-weight: 600; box-shadow: 0 calc(8 * var(--p)) calc(16 * var(--p)) calc(-10 * var(--p)) rgba(20, 32, 43, .8); }
.as-k-gestionale__testa em .as-k-gestionale__ico { width: calc(11 * var(--p)); height: calc(11 * var(--p)); stroke-width: 2.4; }
.as-k-gestionale__kpi { display: grid; flex: none; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, .9fr); gap: calc(8 * var(--p)); }
.as-k-gestionale__kpi > p { position: relative; display: grid; align-content: start; gap: calc(4 * var(--p)); min-width: 0; height: calc(78 * var(--p)); padding: calc(10 * var(--p)) calc(11 * var(--p)); overflow: hidden; border-radius: calc(14 * var(--p) * var(--sq)); background: var(--vetro); box-shadow: var(--filo), var(--ombra); }
.as-k-gestionale__kpi > p > span:first-child { font-size: calc(9 * var(--p)); color: var(--muted); white-space: nowrap; }
.as-k-gestionale__kpi b { font-family: var(--f-t); font-size: calc(26 * var(--p)); font-weight: 500; line-height: 1; letter-spacing: -.035em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.as-k-gestionale__kpi b small { font-size: .52em; letter-spacing: -.01em; color: var(--muted); }
.as-k-gestionale__kpi > p > small { font-size: calc(8.5 * var(--p)); color: var(--muted); white-space: nowrap; }
.as-k-gestionale__kpi em { justify-self: start; padding: calc(2 * var(--p)) calc(6 * var(--p)); border-radius: 999px; background: rgba(19, 148, 95, .13); color: #0F7F51; font-size: calc(8.5 * var(--p)); font-weight: 700; white-space: nowrap; }
.as-k-gestionale__kpi .is-hero { background: linear-gradient(145deg, #FF8A4A 0%, #F2611F 60%, #E2501A 100%); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 calc(14 * var(--p)) calc(26 * var(--p)) calc(-14 * var(--p)) rgba(226, 80, 26, .8); }
.as-k-gestionale__kpi .is-hero > span:first-child, .as-k-gestionale__kpi .is-hero > small { color: rgba(255, 255, 255, .86); }
/* il contatore che rulla da 22 a 23 (fermo: 23) */
.as-k-gestionale__rullo { display: block; height: 1em; overflow: hidden; }
.as-k-gestionale__rullo i { display: flex; flex-direction: column; transform: translateY(-50%); }
.as-k-gestionale__rullo s { display: block; height: 1em; line-height: 1; }
.as-k-gestionale__barre { position: absolute; right: calc(10 * var(--p)); bottom: calc(11 * var(--p)); display: flex; align-items: flex-end; gap: calc(2 * var(--p)); width: 44%; height: calc(32 * var(--p)); }
.as-k-gestionale__barre i { flex: 1; min-width: 0; border-radius: calc(1.5 * var(--p)); background: rgba(255, 255, 255, .42); }
.as-k-gestionale__barre .is-oggi { background: #fff; box-shadow: 0 0 calc(8 * var(--p)) rgba(255, 255, 255, .7); }
.as-k-gestionale__lista { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: calc(8 * var(--p)) calc(6 * var(--p)) calc(36 * var(--p)); border-radius: calc(16 * var(--p) * var(--sq)); }
.as-k-gestionale__schede { display: flex; flex: none; gap: calc(3 * var(--p)); margin-bottom: calc(4 * var(--p)) !important; padding: 0 calc(2 * var(--p)); }
.as-k-gestionale__schede span { display: inline-flex; align-items: center; gap: calc(4 * var(--p)); height: calc(20 * var(--p)); padding: 0 calc(7 * var(--p)); border-radius: 999px; font-size: calc(9 * var(--p)); font-weight: 500; color: var(--muted); white-space: nowrap; }
.as-k-gestionale__schede em { min-width: calc(14 * var(--p)); height: calc(14 * var(--p)); padding: 0 calc(3.5 * var(--p)); border-radius: 999px; background: rgba(20, 32, 43, .07); font-size: calc(8 * var(--p)); font-weight: 700; line-height: calc(14 * var(--p)); text-align: center; color: #5B6170; }
.as-k-gestionale__schede .is-on { background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 calc(4 * var(--p)) calc(10 * var(--p)) calc(-6 * var(--p)) rgba(40, 46, 96, .45); }
.as-k-gestionale__schede .is-on em { background: #14202B; color: #fff; }
.as-k-gestionale__ord { display: flex; flex: 1; min-height: 0; }
.as-k-gestionale__riga { display: grid; flex: 1; grid-template-columns: calc(25 * var(--p)) minmax(0, 1fr) calc(38 * var(--p)) calc(72 * var(--p)) calc(50 * var(--p)); align-items: center; column-gap: calc(7 * var(--p)); padding: 0 calc(5 * var(--p)); border-radius: calc(10 * var(--p) * var(--sq)); box-shadow: inset 0 -1px 0 rgba(20, 32, 43, .06); }
.as-k-gestionale__ord:last-child .as-k-gestionale__riga { box-shadow: none; }
.as-k-gestionale__ord.is-nuovo .as-k-gestionale__riga { background: #fff; box-shadow: 0 calc(9 * var(--p)) calc(20 * var(--p)) calc(-12 * var(--p)) rgba(40, 46, 96, .5); }
.as-k-gestionale__chi { width: calc(25 * var(--p)); height: calc(25 * var(--p)); overflow: hidden; border-radius: calc(8 * var(--p) * var(--sq)); box-shadow: 0 calc(4 * var(--p)) calc(8 * var(--p)) calc(-5 * var(--p)) rgba(20, 32, 43, .5); }
.as-k-gestionale__chi :is(svg, img) { display: block; width: 100%; height: 100%; }
.as-k-gestionale__voce { display: grid; gap: calc(2 * var(--p)); min-width: 0; line-height: 1.2; }
.as-k-gestionale__voce b { font-size: calc(10.5 * var(--p)); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.as-k-gestionale__voce small { font-size: calc(8.5 * var(--p)); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.as-k-gestionale__voce s { margin: 0 calc(3 * var(--p)); color: rgba(20, 32, 43, .25); }
.as-k-gestionale__art > span { display: flex; padding-left: calc(6 * var(--p)); }
.as-k-gestionale__art img { width: calc(21 * var(--p)); height: calc(21 * var(--p)); margin-left: calc(-6 * var(--p)); border-radius: calc(6 * var(--p) * var(--sq)); box-shadow: 0 0 0 calc(1.5 * var(--p)) #fff, 0 calc(3 * var(--p)) calc(6 * var(--p)) calc(-3 * var(--p)) rgba(20, 32, 43, .5); }
.as-k-gestionale__art small { display: none; }
.as-k-gestionale__stato { display: inline-flex; align-items: center; justify-self: start; gap: calc(4 * var(--p)); height: calc(18 * var(--p)); padding: 0 calc(6 * var(--p)) 0 calc(5 * var(--p)); border-radius: 999px; background: color-mix(in srgb, var(--c) 12%, transparent); color: var(--c); font-size: calc(8.5 * var(--p)); font-weight: 700; white-space: nowrap; }
.as-k-gestionale__stato u { flex: none; width: calc(5 * var(--p)); height: calc(5 * var(--p)); border-radius: 50%; background: var(--c); }
.as-k-gestionale__euro { font-size: calc(10.5 * var(--p)); font-weight: 600; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* la colonna di destra: cerca, l'ordine appena arrivato in un vetro scuro con le luci, i pezzi liberi per sabato */
.as-k-gestionale__cerca { display: flex; flex: none; align-items: center; gap: calc(6 * var(--p)); height: calc(26 * var(--p)); }
.as-k-gestionale__cerca > span:first-of-type { flex: 1; display: flex; align-items: center; gap: calc(6 * var(--p)); height: 100%; padding-left: calc(10 * var(--p)); border-radius: 999px; font-size: calc(9.5 * var(--p)); color: #8A8F9C; }
.as-k-gestionale__campana { position: relative; display: grid; place-items: center; flex: none; width: calc(26 * var(--p)); height: calc(26 * var(--p)); border-radius: 50%; color: #4E5463; }
.as-k-gestionale__campana i { position: absolute; top: calc(-3 * var(--p)); right: calc(-3 * var(--p)); min-width: calc(14 * var(--p)); height: calc(14 * var(--p)); padding: 0 calc(3.5 * var(--p)); border-radius: 999px; background: #F37022; box-shadow: 0 0 0 calc(2 * var(--p)) #F1EEF8; color: #fff; font-size: calc(8 * var(--p)); font-weight: 700; line-height: calc(14 * var(--p)); text-align: center; }
.as-k-gestionale__scuro { position: relative; flex: none; display: grid; gap: calc(8 * var(--p)); padding: calc(12 * var(--p)) calc(13 * var(--p)) calc(12 * var(--p)); overflow: hidden; border-radius: calc(18 * var(--p) * var(--sq)); background: radial-gradient(70% 60% at 100% 0%, rgba(240, 100, 24, .55) 0, rgba(240, 100, 24, 0) 70%), radial-gradient(60% 55% at 0% 100%, rgba(18, 179, 162, .4) 0, rgba(18, 179, 162, 0) 70%), radial-gradient(50% 45% at 100% 100%, rgba(139, 92, 246, .5) 0, rgba(139, 92, 246, 0) 70%), #141A2A; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 calc(18 * var(--p)) calc(32 * var(--p)) calc(-18 * var(--p)) rgba(20, 24, 42, .8); }
.as-k-gestionale__scuro-h { display: flex; align-items: center; gap: calc(7 * var(--p)); }
.as-k-gestionale__scuro-h i { flex: none; width: calc(24 * var(--p)); height: calc(24 * var(--p)); overflow: hidden; border-radius: calc(7 * var(--p) * var(--sq)); box-shadow: 0 0 0 1px rgba(255, 255, 255, .25); }
.as-k-gestionale__scuro-h span { display: grid; line-height: 1.2; }
.as-k-gestionale__scuro-h b { font-size: calc(10.5 * var(--p)); font-weight: 600; }
.as-k-gestionale__scuro-h small { font-size: calc(8.5 * var(--p)); color: rgba(255, 255, 255, .6); }
.as-k-gestionale__cifra { font-family: var(--f-t); font-size: calc(34 * var(--p)); font-weight: 500; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.as-k-gestionale__cifra small { font-size: .5em; letter-spacing: -.01em; color: rgba(255, 255, 255, .6); }
.as-k-gestionale__art-scuro { display: flex; align-items: center; gap: calc(7 * var(--p)); padding: calc(5 * var(--p)); border-radius: calc(10 * var(--p)); background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.as-k-gestionale__art-scuro img { flex: none; width: calc(26 * var(--p)); height: calc(26 * var(--p)); border-radius: calc(7 * var(--p) * var(--sq)); }
.as-k-gestionale__art-scuro span { display: grid; line-height: 1.25; min-width: 0; }
.as-k-gestionale__art-scuro b { font-size: calc(9.5 * var(--p)); font-weight: 600; white-space: nowrap; }
.as-k-gestionale__art-scuro small { font-size: calc(8 * var(--p)); color: rgba(255, 255, 255, .6); white-space: nowrap; }
.as-k-gestionale__passi { list-style: none; display: grid; gap: calc(5 * var(--p)); margin: 0; padding: 0; }
.as-k-gestionale__passi li { position: relative; display: grid; grid-template-columns: calc(12 * var(--p)) minmax(0, 1fr) auto; align-items: center; column-gap: calc(7 * var(--p)); font-size: calc(9 * var(--p)); color: rgba(255, 255, 255, .5); }
.as-k-gestionale__passi li + li::before { content: ''; position: absolute; left: calc(5.4 * var(--p)); top: calc(-5.5 * var(--p)); width: calc(1.2 * var(--p)); height: calc(5.5 * var(--p)); background: rgba(255, 255, 255, .18); }
.as-k-gestionale__passi u { width: calc(12 * var(--p)); height: calc(12 * var(--p)); border-radius: 50%; box-shadow: inset 0 0 0 calc(1.4 * var(--p)) rgba(255, 255, 255, .3); }
.as-k-gestionale__passi small { font-size: calc(8 * var(--p)); font-variant-numeric: tabular-nums; }
.as-k-gestionale__passi .is-fatto { color: rgba(255, 255, 255, .85); }
.as-k-gestionale__passi .is-fatto u { background: #2BD195 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-8.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 70% no-repeat; box-shadow: none; }
.as-k-gestionale__passi .is-ora { color: #fff; font-weight: 600; }
.as-k-gestionale__passi .is-ora u { background: #F37022; box-shadow: 0 0 0 calc(3 * var(--p)) rgba(243, 112, 34, .3); }
.as-k-gestionale__liberi { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: calc(10 * var(--p)) calc(10 * var(--p)) calc(6 * var(--p)); border-radius: calc(16 * var(--p) * var(--sq)); }
.as-k-gestionale__liberi-h { display: flex; flex: none; align-items: center; gap: calc(6 * var(--p)); margin-bottom: calc(4 * var(--p)) !important; }
.as-k-gestionale__liberi-h b { font-family: var(--f-t); font-size: calc(12 * var(--p)); font-weight: 600; letter-spacing: -.02em; white-space: nowrap; }
.as-k-gestionale__liberi-h em { margin-left: auto; padding: calc(2 * var(--p)) calc(6 * var(--p)); border-radius: 999px; background: rgba(229, 72, 77, .12); color: #D2283A; font-size: calc(8 * var(--p)); font-weight: 700; white-space: nowrap; }
.as-k-gestionale__lib { display: grid; grid-template-columns: calc(24 * var(--p)) minmax(0, 1fr); column-gap: calc(8 * var(--p)); align-items: center; flex: 1; min-height: 0; box-shadow: inset 0 -1px 0 rgba(20, 32, 43, .06); }
.as-k-gestionale__lib:last-child { box-shadow: none; }
.as-k-gestionale__lib > i { width: calc(24 * var(--p)); height: calc(24 * var(--p)); overflow: hidden; border-radius: calc(7 * var(--p) * var(--sq)); }
.as-k-gestionale__lib > span { display: grid; grid-template-columns: minmax(0, 1fr) auto; row-gap: calc(4 * var(--p)); align-items: baseline; min-width: 0; }
.as-k-gestionale__lib b { font-size: calc(9.5 * var(--p)); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.as-k-gestionale__lib small { font-size: calc(8.5 * var(--p)); color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.as-k-gestionale__lib u { grid-column: 1 / -1; display: block; height: calc(4.5 * var(--p)); overflow: hidden; border-radius: 999px; background: rgba(20, 32, 43, .08); }
.as-k-gestionale__lib u s { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2BD195, #13945F); }
.as-k-gestionale__lib.is-meno u s { background: linear-gradient(90deg, #FFA36B, #F06418); }
.as-k-gestionale__lib.is-poco u s { background: linear-gradient(90deg, #FF7A8A, #E5484D); }
.as-k-gestionale__lib.is-poco small { font-weight: 700; color: #D2283A; }
/* l'avviso: l'ordine nuovo è già sul telefono del magazzino */
.as-k-gestionale__avviso { position: absolute; z-index: 4; left: calc(172 * var(--p)); bottom: calc(17 * var(--p)); display: flex; align-items: center; gap: calc(7 * var(--p)); height: calc(26 * var(--p)); padding: 0 calc(11 * var(--p)) 0 calc(8 * var(--p)); border-radius: 999px; background: rgba(20, 26, 42, .92); color: rgba(255, 255, 255, .78); font-size: calc(8.5 * var(--p)); white-space: nowrap; box-shadow: 0 calc(12 * var(--p)) calc(24 * var(--p)) calc(-10 * var(--p)) rgba(20, 24, 42, .7); }
.as-k-gestionale__avviso .as-k-gestionale__ico { width: calc(14 * var(--p)); height: calc(14 * var(--p)); padding: calc(2 * var(--p)); border-radius: 50%; background: #F37022; color: #fff; stroke-width: 2.2; }
.as-k-gestionale__avviso b { font-weight: 600; color: #fff; }

/* ══ L'iPHONE: l'app del magazzino ════════════════════════════════════════════════════════ */
.as-k-gestionale__tel {
	--verde-ios: #1F7A52;
	position: absolute;
	inset: 0;
	overflow: hidden;
	padding: calc(64 * var(--u)) calc(16 * var(--u)) 0;
	background: radial-gradient(120% 34% at 18% 0%, rgba(143, 227, 196, .75) 0, rgba(143, 227, 196, 0) 70%), radial-gradient(90% 30% at 100% 4%, rgba(183, 155, 255, .55) 0, rgba(183, 155, 255, 0) 70%), #F2F2F7;
	color: #000;
	font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
	font-size: calc(15 * var(--u));
	line-height: 1.25;
	-webkit-font-smoothing: antialiased;
}
.as-k-gestionale__tel .as-k-gestionale__ico { width: calc(19 * var(--u)); height: calc(19 * var(--u)); }
.as-k-gestionale__t-top { display: flex; align-items: center; justify-content: space-between; height: calc(38 * var(--u)); }
.as-k-gestionale__t-top > span { display: inline-flex; align-items: center; gap: calc(5 * var(--u)); height: calc(34 * var(--u)); padding: 0 calc(12 * var(--u)) 0 calc(10 * var(--u)); border-radius: 999px; background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 calc(.6 * var(--u)) rgba(255, 255, 255, .95), 0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(30, 40, 60, .1); font-size: calc(14 * var(--u)); font-weight: 600; }
.as-k-gestionale__t-top > span .as-k-gestionale__ico { width: calc(15 * var(--u)); height: calc(15 * var(--u)); color: var(--verde-ios); stroke-width: 2.1; }
.as-k-gestionale__t-top > span .as-k-gestionale__ico:last-child { width: calc(13 * var(--u)); height: calc(13 * var(--u)); color: #8E8E93; stroke-width: 2.4; }
.as-k-gestionale__t-top > i { display: grid; place-items: center; width: calc(38 * var(--u)); height: calc(38 * var(--u)); border-radius: 50%; background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 calc(.6 * var(--u)) rgba(255, 255, 255, .95), 0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(30, 40, 60, .1); }
.as-k-gestionale__t-top > i .as-k-gestionale__ico { stroke-width: 2; }
.as-k-gestionale__t-data { margin-top: calc(14 * var(--u)) !important; font-size: calc(13 * var(--u)); font-weight: 600; letter-spacing: .01em; text-transform: uppercase; color: rgba(60, 60, 67, .6); }
.as-k-gestionale__t-h { margin-top: calc(2 * var(--u)) !important; font-family: -apple-system, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif; font-size: calc(34 * var(--u)); font-weight: 700; letter-spacing: -.025em; line-height: 1.1; }
/* la carta del giorno: un colore pieno, il numero grande, la barra dei pronti */
.as-k-gestionale__t-oggi { position: relative; margin-top: calc(14 * var(--u)); padding: calc(16 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u)); overflow: hidden; border-radius: calc(24 * var(--u)); background: radial-gradient(70% 90% at 100% 0%, rgba(255, 146, 200, .55) 0, rgba(255, 146, 200, 0) 70%), linear-gradient(145deg, #FF8A4A 0%, #F2611F 62%, #E2501A 100%); color: #fff; box-shadow: inset 0 0 0 calc(.6 * var(--u)) rgba(255, 255, 255, .3), 0 calc(14 * var(--u)) calc(26 * var(--u)) calc(-14 * var(--u)) rgba(226, 80, 26, .8); }
@supports (corner-shape: squircle) { .as-k-gestionale__tel :is(.as-k-gestionale__t-oggi, .as-k-gestionale__t-card, .as-k-gestionale__t-art i) { corner-shape: squircle; } }
.as-k-gestionale__t-oggi-n { display: flex; align-items: center; gap: calc(10 * var(--u)); }
.as-k-gestionale__t-oggi-n > b { font-family: -apple-system, 'SF Pro Display', sans-serif; font-size: calc(46 * var(--u)); font-weight: 700; line-height: .9; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.as-k-gestionale__t-oggi-n > span { font-size: calc(14 * var(--u)); font-weight: 600; line-height: 1.2; }
.as-k-gestionale__t-oggi-n small { margin-left: auto; font-size: calc(12 * var(--u)); line-height: 1.25; text-align: right; color: rgba(255, 255, 255, .85); }
.as-k-gestionale__t-oggi-n small b { font-size: calc(17 * var(--u)); font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.as-k-gestionale__t-prog { display: flex; align-items: center; gap: calc(10 * var(--u)); margin-top: calc(14 * var(--u)) !important; font-size: calc(12 * var(--u)); font-weight: 600; white-space: nowrap; }
.as-k-gestionale__t-prog u { flex: 1; height: calc(7 * var(--u)); overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .3); }
.as-k-gestionale__t-prog s { display: block; height: 100%; border-radius: inherit; background: #fff; box-shadow: 0 0 calc(8 * var(--u)) rgba(255, 255, 255, .7); }
/* il segmento di iOS 26: la capsula bianca che scorre */
.as-k-gestionale__t-seg { display: grid; grid-template-columns: 1fr 1fr; margin-top: calc(14 * var(--u)) !important; padding: calc(3 * var(--u)); border-radius: 999px; background: rgba(118, 118, 128, .12); font-size: calc(14 * var(--u)); font-weight: 600; text-align: center; color: rgba(60, 60, 67, .75); }
.as-k-gestionale__t-seg span { display: block; height: calc(30 * var(--u)); line-height: calc(30 * var(--u)); border-radius: 999px; }
.as-k-gestionale__t-seg em { margin-left: calc(3 * var(--u)); font-weight: 500; color: rgba(60, 60, 67, .5); }
.as-k-gestionale__t-seg .is-on { background: #fff; color: #000; box-shadow: 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, .1); }
/* gli ordini da preparare */
.as-k-gestionale__t-lista { display: grid; gap: calc(10 * var(--u)); margin-top: calc(12 * var(--u)); }
.as-k-gestionale__t-card { padding: calc(13 * var(--u)) calc(14 * var(--u)); border-radius: calc(22 * var(--u)); background: #fff; box-shadow: 0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, .04), 0 calc(10 * var(--u)) calc(24 * var(--u)) calc(-14 * var(--u)) rgba(30, 40, 60, .3); }
.as-k-gestionale__t-card.is-nuovo { box-shadow: inset 0 0 0 calc(1.6 * var(--u)) color-mix(in srgb, var(--c) 55%, transparent), 0 calc(14 * var(--u)) calc(26 * var(--u)) calc(-14 * var(--u)) color-mix(in srgb, var(--c) 70%, transparent); }
.as-k-gestionale__t-card-h { display: flex; align-items: center; justify-content: space-between; gap: calc(8 * var(--u)); }
.as-k-gestionale__t-card-h b { font-size: calc(15 * var(--u)); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.as-k-gestionale__t-card-h em { flex: none; display: inline-flex; align-items: center; gap: calc(5 * var(--u)); height: calc(22 * var(--u)); padding: 0 calc(9 * var(--u)) 0 calc(8 * var(--u)); border-radius: 999px; background: color-mix(in srgb, var(--c) 13%, transparent); color: var(--c); font-size: calc(12 * var(--u)); font-weight: 700; }
.as-k-gestionale__t-card-h em::before { content: ''; width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: var(--c); }
.as-k-gestionale__t-quando { margin-top: calc(3 * var(--u)) !important; font-size: calc(13 * var(--u)); color: rgba(60, 60, 67, .6); }
.as-k-gestionale__t-art { display: grid; grid-template-columns: calc(40 * var(--u)) minmax(0, 1fr) auto; align-items: center; column-gap: calc(11 * var(--u)); margin-top: calc(10 * var(--u)) !important; }
.as-k-gestionale__t-art + .as-k-gestionale__t-art { margin-top: calc(8 * var(--u)) !important; }
.as-k-gestionale__t-art i { width: calc(40 * var(--u)); height: calc(40 * var(--u)); border-radius: calc(11 * var(--u)); background: #EEE center / cover no-repeat; }
.as-k-gestionale__t-art span { display: grid; min-width: 0; font-size: calc(12 * var(--u)); line-height: 1.3; color: rgba(60, 60, 67, .6); }
.as-k-gestionale__t-art span b { font-size: calc(14 * var(--u)); font-weight: 600; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.as-k-gestionale__t-art strong { font-size: calc(16 * var(--u)); font-weight: 700; font-variant-numeric: tabular-nums; }
.as-k-gestionale__t-art.is-fatto i { opacity: .55; }
.as-k-gestionale__t-art.is-fatto span b { color: rgba(60, 60, 67, .5); }
.as-k-gestionale__t-art.is-fatto strong { display: grid; place-items: center; width: calc(26 * var(--u)); height: calc(26 * var(--u)); border-radius: 50%; background: #13945F; color: #fff; }
.as-k-gestionale__t-art.is-fatto strong .as-k-gestionale__ico { width: calc(15 * var(--u)); height: calc(15 * var(--u)); stroke-width: 2.8; }
/* LA TAB BAR (Rami, 03/11, due giri: «quattro icone e una centrale dentro un tondo, a metà dentro e a metà fuori»; poi
   «migliorala ancora un pochino, si vede che è ancora grezza»). La capsula di iOS 26 che galleggia: 16 punti dai lati, 22
   dal fondo, alta 64. Il vetro (::before) ha l'incavo attorno al tondo: un semicerchio scavato nel bordo alto, largo 8
   punti più del tondo, così il tondo sembra staccato dalla barra; l'ombra della capsula sta su un altro strato (::after),
   che non dipinge dentro l'incavo. Il filo di luce in alto e il bordo sottile sono quelli del Liquid Glass. Da computer il
   vetro sfoca la lista che ci passa sotto; da telefono è quasi pieno (niente backdrop-filter su touch: lampi su Safari). */
.as-k-gestionale__t-barra { --cul: calc(40 * var(--u)); position: absolute; z-index: 5; left: calc(16 * var(--u)); right: calc(16 * var(--u)); bottom: calc(22 * var(--u)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; height: calc(64 * var(--u)); padding: 0 calc(8 * var(--u)) calc(9 * var(--u)); }
.as-k-gestionale__t-barra::before, .as-k-gestionale__t-barra::after { content: ''; position: absolute; inset: 0; border-radius: 999px; pointer-events: none; }
.as-k-gestionale__t-barra::before { z-index: -1; background: linear-gradient(180deg, rgba(250, 250, 252, .97), rgba(242, 242, 246, .96)); box-shadow: inset 0 calc(1.2 * var(--u)) 0 rgba(255, 255, 255, 1), inset 0 0 0 calc(.6 * var(--u)) rgba(0, 0, 0, .07); -webkit-mask: radial-gradient(circle at 50% 0, transparent var(--cul), #000 calc(var(--cul) + .6px)); mask: radial-gradient(circle at 50% 0, transparent var(--cul), #000 calc(var(--cul) + .6px)); }
.as-k-gestionale__t-barra::after { z-index: -2; box-shadow: 0 calc(10 * var(--u)) calc(26 * var(--u)) calc(-4 * var(--u)) rgba(30, 40, 60, .2), 0 calc(1 * var(--u)) calc(3 * var(--u)) rgba(30, 40, 60, .07); }
@media (hover: hover) {
	.as-k-gestionale__t-barra::before { background: linear-gradient(180deg, rgba(250, 250, 252, .82), rgba(240, 240, 245, .78)); -webkit-backdrop-filter: blur(calc(14 * var(--u))) saturate(1.8); backdrop-filter: blur(calc(14 * var(--u))) saturate(1.8); }
}
/* il bordo dell'incavo: lo stesso filo della capsula, che gira sotto il tondo (solo la metà dentro la barra) */
.as-k-gestionale__t-culla { position: absolute; z-index: 0; left: 50%; top: 0; width: calc(var(--cul) * 2); height: calc(var(--cul) * 2); margin: calc(var(--cul) * -1) 0 0 calc(var(--cul) * -1); border-radius: 50%; box-shadow: inset 0 0 0 calc(.7 * var(--u)) rgba(0, 0, 0, .12), inset 0 calc(-2 * var(--u)) calc(5 * var(--u)) rgba(30, 40, 60, .08); clip-path: inset(50% 0 0 0); pointer-events: none; }
.as-k-gestionale__t-barra > span { position: relative; display: grid; justify-items: center; gap: calc(2.5 * var(--u)); font-size: calc(10 * var(--u)); font-weight: 600; letter-spacing: .005em; line-height: 1.2; color: #6E6E73; }
.as-k-gestionale__t-barra > span > svg { display: block; width: calc(27 * var(--u)); height: calc(27 * var(--u)); }
/* la voce scelta: la pastiglia chiara del colore dell'app, l'icona piena */
.as-k-gestionale__t-barra > .is-on { color: var(--verde-ios); }
.as-k-gestionale__t-barra > .is-on::before { content: ''; position: absolute; z-index: -1; left: 50%; top: calc(-6 * var(--u)); bottom: calc(-5 * var(--u)); width: calc(66 * var(--u)); margin-left: calc(-33 * var(--u)); border-radius: 999px; background: rgba(31, 122, 82, .11); }
/* il tondo: centrato sul bordo alto della barra (metà dentro, metà fuori), staccato dall'incavo; la sua etichetta sta sulla riga delle altre */
.as-k-gestionale__t-tondo { align-self: stretch; align-content: end; color: #1F7A52 !important; }
.as-k-gestionale__t-tondo i { position: absolute; left: 50%; top: 0; display: grid; place-items: center; width: calc(60 * var(--u)); height: calc(60 * var(--u)); margin: calc(-30 * var(--u)) 0 0 calc(-30 * var(--u)); border-radius: 50%; background: radial-gradient(90% 90% at 32% 18%, #56C08F 0%, #26895D 46%, #186442 100%); color: #fff; box-shadow: inset 0 calc(1.6 * var(--u)) 0 rgba(255, 255, 255, .42), inset 0 calc(-3 * var(--u)) calc(6 * var(--u)) rgba(8, 50, 30, .3), 0 0 0 calc(.6 * var(--u)) rgba(10, 60, 36, .25), 0 calc(10 * var(--u)) calc(20 * var(--u)) calc(-5 * var(--u)) rgba(23, 96, 63, .65), 0 calc(3 * var(--u)) calc(6 * var(--u)) rgba(23, 96, 63, .25); }
.as-k-gestionale__t-tondo svg { display: block; width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
.as-k-gestionale__t-tondo i::after { content: ''; position: absolute; inset: 0; border-radius: 50%; opacity: 0; box-shadow: 0 0 0 0 rgba(43, 209, 149, .5); }

/* ══ IL MOVIMENTO (una volta, quando il caso entra in scena) ═══════════════════════════════ */
.as-demo-vivo .as-k-gestionale__rullo i { animation: as-k-gs-rullo .7s 1.3s cubic-bezier(.2, .8, .2, 1) both; }
.as-demo-vivo .as-k-gestionale__ord.is-nuovo .as-k-gestionale__riga { animation: as-k-gs-riga .9s 1.1s cubic-bezier(.2, .8, .2, 1) both; }
.as-demo-vivo .as-k-gestionale__avviso { animation: as-k-gs-avviso .8s 1.5s cubic-bezier(.2, .8, .2, 1) both; }
.as-demo-vivo .as-k-gestionale__scuro { animation: as-k-gs-scuro .9s 1.3s cubic-bezier(.2, .8, .2, 1) both; }
.as-demo-vivo .as-k-gestionale__t-card.is-nuovo { animation: as-k-gs-card .8s 1.8s cubic-bezier(.2, .8, .2, 1) both; }
.as-demo-vivo .as-k-gestionale__t-card:not(.is-nuovo) { animation: as-k-gs-scende .8s 1.8s cubic-bezier(.2, .8, .2, 1) both; }
.as-demo-vivo .as-k-gestionale__t-tondo i::after { animation: as-k-gs-onda 1.4s 2.8s ease-out 1 both; }
@keyframes as-k-gs-rullo { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes as-k-gs-riga { from { opacity: 0; transform: translateX(calc(-14 * var(--p))); } to { opacity: 1; transform: none; } }
@keyframes as-k-gs-avviso { from { opacity: 0; transform: translateY(calc(12 * var(--p))) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes as-k-gs-scuro { from { opacity: 0; transform: translateY(calc(10 * var(--p))); } to { opacity: 1; transform: none; } }
@keyframes as-k-gs-card { from { opacity: 0; transform: translateY(calc(-16 * var(--u))) scale(.95); } to { opacity: 1; transform: none; } }
@keyframes as-k-gs-scende { from { transform: translateY(calc(-127 * var(--u))); } to { transform: none; } }
@keyframes as-k-gs-onda { 0% { opacity: 1; box-shadow: 0 0 0 0 rgba(43, 209, 149, .5); } 100% { opacity: 0; box-shadow: 0 0 0 calc(14 * var(--u)) rgba(43, 209, 149, 0); } }

/* v0.99 (Rami, 04/11): via la composizione da telefono di questo caso («mockup giganteschi»): da telefono la scena
   è quella da computer, rimpicciolita come una foto nella card della fila (soluzioni.css, motion.js «fila»). */