.al-r4{height:236px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px}.al-r4-mobile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:320px;padding:8px;border-radius:12px;background:var(--al-paper-warm);border:2px solid color-mix(in srgb,var(--al-paper) 70%,var(--al-blue))}.al-r4-casella{height:80px;border-radius:6px;background:var(--al-paper-2);box-shadow:inset 0 6px 10px color-mix(in srgb,var(--al-ink) 10%,transparent);align-items:flex-end}.al-r4-casella,.al-r4-targa{position:relative;display:flex}.al-r4-targa{z-index:1;width:100%;margin:0;min-height:32px;padding:4px;border-radius:0 0 6px 6px;background:var(--al-paper);border-top:1px solid var(--al-rule);align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--al-ink);text-align:center;line-height:1.2}.al-r4-targa i{width:60%;height:6px;border-radius:3px;background:var(--al-rule)}.al-r4-sua{box-shadow:inset 0 6px 10px color-mix(in srgb,var(--al-ink) 10%,transparent),0 0 0 3px var(--al-cli-bright)}.al-r4-sua .al-r4-targa{color:var(--al-cli);background:var(--al-cli-soft)}.al-r4-foglio{position:absolute;left:10%;right:10%;bottom:14px;height:60px;padding:6px;border-radius:4px;background:var(--al-paper);border:1px solid var(--al-rule);box-shadow:0 2px 6px color-mix(in srgb,var(--al-ink) 12%,transparent)}.al-r4-foglio span{display:block;font-size:12px;line-height:1.2;color:var(--al-ink-2);overflow:hidden;max-height:2.4em}.al-r4-ok{margin:0;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--al-ok-on-blue);color:var(--al-ink)}@media (prefers-reduced-motion:no-preference){html.js .al-r4:not([data-seen=true]) .al-r4-foglio{opacity:0;transform:translate(70px,-110px) rotate(-12deg)}html.js .al-r4:not([data-seen=true]) .al-r4-ok{opacity:0}html.js .al-r4[data-seen=true] .al-r4-foglio{animation:al-r4-entra 1.1s var(--al-ease) .4s both}html.js .al-r4[data-seen=true] .al-r4-ok{animation:al-r4-ok .4s var(--al-ease) 1.5s both}}@keyframes al-r4-entra{0%{opacity:0;transform:translate(70px,-110px) rotate(-12deg)}20%{opacity:1}60%{transform:translateY(-40px) rotate(0)}to{opacity:1;transform:none}}@keyframes al-r4-ok{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:639px){.al-r4 .al-avatar{width:28px;height:28px}.al-r4-foglio{left:6%;right:6%;padding:6px 5px}}.al-r3-card{position:relative;height:318px;padding:18px;border-radius:18px;background:var(--al-paper);border:1px solid var(--al-rule)}.al-r3-l{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--al-muted)}.al-r3-campo{position:relative;height:44px;margin-bottom:14px;border-radius:10px;border:1px solid var(--al-req-line);background:var(--al-paper)}.al-r3-campo2{z-index:1}.al-r3-campo1{z-index:2}.al-r3-val,.al-r3-vuoto{position:absolute;inset:0 34px 0 12px;display:flex;align-items:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-r3-vuoto{color:var(--al-muted);opacity:0}.al-r3-val{color:var(--al-ink);font-weight:600}.al-r3-freccia{position:absolute;right:14px;top:16px;width:8px;height:8px;border-right:2px solid var(--al-muted);border-bottom:2px solid var(--al-muted);transform:rotate(45deg)}.al-r3-menu{position:absolute;left:-1px;right:-1px;top:48px;margin:0;padding:4px;list-style:none;border-radius:10px;background:var(--al-paper);border:1px solid var(--al-rule);box-shadow:0 10px 24px color-mix(in srgb,var(--al-ink) 14%,transparent);transform-origin:top center;opacity:0}.al-r3-menu li{padding:8px 10px;border-radius:6px;font-size:14px;color:var(--al-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-r3-campo2 .al-r3-val,.al-r3-menu2 li{display:flex;align-items:center;gap:8px}.al-r3-menu2 li{padding:6px 10px}.al-r3-menu li.on{background:var(--al-blue-soft);color:var(--al-blue);font-weight:600}.al-r3-l.cli{color:var(--al-cli)}.al-r3-campo2{border-color:var(--al-cli-line)}.al-r3-campo2 .al-r3-val,.al-r3-menu2 li.on{color:var(--al-cli)}.al-r3-menu2 li.on{background:var(--al-cli-soft)}.al-r3-manda{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:10px;background:var(--al-blue);color:var(--al-paper);font-size:14px;font-weight:600}.al-r3-stato{margin-top:16px}.al-r3-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--al-ok-soft);color:var(--al-ok);font-size:13px;font-weight:600}.al-r3-stato p{margin:8px 0 0;font-size:13px;color:var(--al-ink-2);line-height:1.4}@media (prefers-reduced-motion:no-preference){html.js .al-r3:not([data-seen=true]) .al-r3-vuoto{opacity:1}html.js .al-r3:not([data-seen=true]) :is(.al-r3-val,.al-r3-stato){opacity:0}html.js .al-r3[data-seen=true] .al-r3-menu{animation:al-r3-menu 1.3s var(--al-ease) both}html.js .al-r3[data-seen=true] .al-r3-menu1{animation-delay:.4s}html.js .al-r3[data-seen=true] .al-r3-menu2{animation-delay:2s}html.js .al-r3[data-seen=true] .al-r3-menu li.on{animation:al-r3-scelta 1.3s linear both}html.js .al-r3[data-seen=true] .al-r3-menu1 li.on{animation-delay:.4s}html.js .al-r3[data-seen=true] .al-r3-menu2 li.on{animation-name:al-r3-scelta-cli;animation-delay:2s}html.js .al-r3[data-seen=true] .al-r3-vuoto{animation:al-r3-via .2s linear both}html.js .al-r3[data-seen=true] .al-r3-val{animation:al-r3-entra .3s var(--al-ease) both}html.js .al-r3[data-seen=true] .al-r3-campo1 :is(.al-r3-vuoto,.al-r3-val){animation-delay:1.55s}html.js .al-r3[data-seen=true] .al-r3-campo2 :is(.al-r3-vuoto,.al-r3-val){animation-delay:3.15s}html.js .al-r3[data-seen=true] .al-r3-manda{animation:al-r3-premi .3s var(--al-ease-io) 3.5s both}html.js .al-r3[data-seen=true] .al-r3-stato{animation:al-r3-entra .4s var(--al-ease) 3.85s both}}@keyframes al-r3-menu{0%{opacity:0;transform:translateY(-6px) scaleY(.92)}15%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px) scaleY(.92)}}@keyframes al-r3-scelta{0%,40%{background:transparent;color:var(--al-ink-2)}48%,to{background:var(--al-blue-soft);color:var(--al-blue)}}@keyframes al-r3-scelta-cli{0%,40%{background:transparent;color:var(--al-ink-2)}48%,to{background:var(--al-cli-soft);color:var(--al-cli)}}@keyframes al-r3-via{0%{opacity:1}to{opacity:0}}@keyframes al-r3-entra{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes al-r3-premi{0%,to{transform:none}50%{transform:scale(.94)}}@media (max-width:639px){.al-r3-card{height:auto;min-height:318px}.al-r3 .al-avatar{width:28px;height:28px}.al-r3-menu2 li{padding:4px 10px}.al-r3-stato p{font-size:14px}}