/* GENERATO da scripts/estrai_css_app.py — NON modificare a mano.
   Regole VERE di dashboard/app/globals.css, annidate sotto .app-vero.
   Include il tema CHIARO (:root:not([data-theme='dark'])), che e' quello
   che l'app serve davvero: il blocco :root scuro viene prima e viene sovrascritto. */

.app-vero {
  --teal: #4C94FF;
    --teal-bright: #7AB2FF;
    --teal-deep: #1466E8;
    --teal-glow: rgba(76,148,255,.45);
    --gold: #4C94FF;
    --gold-soft: #CFE0FB;
    --gold-strong: #7AB2FF;
    --navy: #0B2447;
    --navy-dark: #040B1C;
    --navy-light: #4C94FF;
    --bg: #040B1C;
    --bg-2: #081533;
    --card: rgba(14, 32, 66, .58);
    --card-solid: #0C1C3A;
    --text: #EEF4FC;
    --muted: #9DB1CE;
    --line: rgba(120,160,230,.14);
    --line-soft: rgba(120,160,230,.08);
    --verde: #34d399;  --verde-bg: rgba(52,211,153,.15);
    --giallo: #fbbf24; --giallo-bg: rgba(251,191,36,.15);
    --blu: #38bdf8;    --blu-bg: rgba(56,189,248,.15);
    --viola: #a78bfa;  --viola-bg: rgba(167,139,250,.15);
    --grigio: #9fafbb; --grigio-bg: rgba(159,175,187,.13);
    --rosso: #fb7185;  --rosso-bg: rgba(251,113,133,.14);
    --verde-solido: #047857;
    --blu-solido: #1d4ed8;
    --viola-solido: #6d28d9;
    --rosso-text: var(--rosso);
    --shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.25);
    --shadow: 0 6px 20px rgba(0,0,0,.35);
    --shadow-lg: 0 16px 40px rgba(0,0,0,.5);
    --shadow-xl: 0 30px 70px rgba(0,0,0,.6);
    --glow-teal: 0 0 0 1px rgba(76,148,255,.35), 0 10px 34px rgba(47,123,240,.32);
    --glow-gold: var(--glow-teal);
    --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
    --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
    --radius: 18px; --radius-sm: 12px; --radius-lg: 22px;
    --ease: cubic-bezier(.2, .7, .3, 1);
    --t-fast: 150ms var(--ease);
    --t: 220ms var(--ease);
    --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px; --fs-md: 18px; --fs-lg: 22px;
    --fs-xl: 28px; --fs-2xl: 36px; --fs-3xl: 46px;
    --lh-tight: 1.2; --lh-body: 1.6;
    --fw-med: 500; --fw-semi: 600; --fw-bold: 700; --fw-black: 800;
}
.app-vero .brand {
  padding: 26px 22px 22px; display: flex; align-items: center; gap: 13px;
}
.app-vero .brand .logo {
  width: 42px; height: 42px; border-radius: 12px; color: var(--accent-contrast);
    display: grid; place-items: center; font-weight: 800; font-size: 21px;
    background: linear-gradient(145deg, var(--accent), var(--accent-deep)); box-shadow: 0 4px 16px rgba(76,148,255,.4);
}
.app-vero .brand .name {
  font-size: 22px; font-weight: 800; letter-spacing: .3px; color: var(--text);
}
.app-vero .brand .sub {
  font-size: 11.5px; color: #9DB1CE; letter-spacing: .08em; text-transform: uppercase; margin-top: 3px;
}
.app-vero .brand-wordmark {
  height: 20px; width: auto; display: block;
}
.app-vero .card {
  min-width: 0;
}
.app-vero .card {
  overflow-wrap: anywhere;
}
.app-vero .card {
  position: relative; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px;
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--t), transform var(--t), border-color var(--t);
}
.app-vero .imm-sez-btn, .app-vero .card, .app-vero .imm-card, .app-vero .lead-card, .app-vero .ag-conn, .app-vero .ag-section-row, .app-vero .lead-pill {
  border-color: var(--glass-edge);
}
.app-vero .card::after {
  background: linear-gradient(135deg, rgba(255,255,255,.6), rgba(255,255,255,0) 42%);
}
.app-vero .card::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.05), transparent 26%);
}
.app-vero .card.pad-lg {
  padding: 30px;
}
.app-vero .card h3 {
  margin: 0 0 10px; font-size: var(--fs-md); font-weight: var(--fw-bold); letter-spacing: -.01em; color: var(--text);
}
.app-vero .card.hover:hover {
  box-shadow: var(--glow-teal), var(--shadow-lg); transform: translateY(-3px);
    border-color: rgba(76,148,255,.4);
}
.app-vero .stat {
  position: relative; display: flex; flex-direction: column; gap: 7px; overflow: hidden;
    transition: box-shadow var(--t), transform var(--t), border-color var(--t);
}
.app-vero .stat::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; border-radius: var(--radius) var(--radius) 0 0;
    background: linear-gradient(90deg, var(--teal), transparent 65%); opacity: .55; transition: opacity var(--t);
    box-shadow: 0 0 14px var(--teal-glow);
}
.app-vero .stat:hover {
  transform: translateY(-3px); box-shadow: var(--glow-teal), var(--shadow-lg);
    border-color: rgba(76,148,255,.42);
}
.app-vero .stat:hover::before {
  opacity: 1;
}
.app-vero .stat::after {
  content: ""; position: absolute; right: -24px; top: -24px; width: 96px; height: 96px; border-radius: 50%;
    background: radial-gradient(circle, rgba(76,148,255,.12), transparent 70%);
}
.app-vero .stat .num {
  font-size: var(--fs-2xl); font-weight: var(--fw-black); line-height: 1; letter-spacing: -.03em;
    font-variant-numeric: tabular-nums;
    background: linear-gradient(180deg, #EEF4FC, var(--teal)); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 12px var(--teal-glow));
}
.app-vero .stat .lbl {
  font-size: var(--fs-sm); color: var(--muted); font-weight: var(--fw-semi);
}
.app-vero .stat.attenzione .num {
  background: linear-gradient(180deg, #FDE68A, var(--giallo)); -webkit-background-clip: text;
    background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 12px rgba(251,191,36,.35));
}
.app-vero .stat.attenzione::before {
  background: linear-gradient(90deg, var(--giallo), transparent 65%);
}
.app-vero .stat.attenzione::after {
  background: radial-gradient(circle, rgba(251,191,36,.14), transparent 70%);
}
.app-vero .section-title {
  font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--muted);
    font-weight: var(--fw-bold); margin: 36px 0 16px; display: flex; align-items: center; gap: 10px;
}
.app-vero .section-title::after {
  content: ""; flex: 1; height: 1px; background: var(--line);
}
.app-vero .badge {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px;
    font-size: 13px; font-weight: 700; letter-spacing: .01em;
}
.app-vero .badge.verde {
  background: var(--verde-bg); color: var(--verde); box-shadow: inset 0 0 0 1px rgba(52,211,153,.28);
}
.app-vero .badge.giallo {
  background: var(--giallo-bg); color: var(--giallo); box-shadow: inset 0 0 0 1px rgba(251,191,36,.28);
}
.app-vero .badge.blu {
  background: var(--blu-bg); color: var(--blu); box-shadow: inset 0 0 0 1px rgba(56,189,248,.28);
}
.app-vero .badge.viola {
  background: var(--viola-bg); color: var(--viola); box-shadow: inset 0 0 0 1px rgba(167,139,250,.28);
}
.app-vero .badge.grigio {
  background: var(--grigio-bg); color: var(--grigio); box-shadow: inset 0 0 0 1px rgba(159,175,187,.22);
}
.app-vero .badge.rosso {
  background: var(--rosso-bg); color: var(--rosso-text); box-shadow: inset 0 0 0 1px rgba(251,113,133,.3);
}
.app-vero .imm-hero-badge, .app-vero .imm-card .foto .stato-tag {
  display: inline-flex; padding: 3px; border-radius: 999px;
    background: var(--card-solid); box-shadow: 0 2px 10px rgba(3,9,24,.35);
}
.app-vero .dot {
  width: 10px; height: 10px; border-radius: 50%; display: inline-block;
}
.app-vero .dot.verde {
  background: var(--verde); box-shadow: 0 0 0 3px var(--verde-bg), 0 0 10px rgba(52,211,153,.6);
}
.app-vero .dot.grigio {
  background: #56698A;
}
.app-vero .btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 11px;
    font-size: 15.5px; font-weight: 700; border: 0; cursor: pointer; transition: all .15s var(--ease);
}
.app-vero .btn.primary {
  background: linear-gradient(180deg, #7AB2FF, var(--teal-deep)); color: #040B1C;
    box-shadow: 0 6px 18px rgba(47,123,240,.34);
}
.app-vero .btn.primary:hover {
  filter: brightness(1.06); transform: translateY(-1px);
}
.app-vero .btn.navy {
  background: rgba(76,148,255,.12); color: var(--teal-bright); border: 1px solid rgba(76,148,255,.3);
}
.app-vero .btn.navy:hover {
  background: rgba(76,148,255,.2); transform: translateY(-1px); box-shadow: var(--glow-teal);
}
.app-vero .btn.ghost {
  background: rgba(255,255,255,.05); color: var(--text); border: 1px solid var(--line);
}
.app-vero .btn.ghost:hover {
  border-color: rgba(76,148,255,.4); background: rgba(76,148,255,.08);
}
.app-vero .btn.big {
  padding: 15px 26px; font-size: 17px;
}
.app-vero .btn:disabled {
  opacity: .5; cursor: not-allowed; transform: none; filter: none;
}
.app-vero .row > :first-child .titolo, .app-vero .row > :first-child .meta, .app-vero .row > :first-child .hint {
  overflow-wrap: anywhere;
}
.app-vero .prezzo {
  font-size: var(--fs-lg); font-weight: var(--fw-black); color: var(--teal-bright);
    white-space: nowrap; font-variant-numeric: tabular-nums; letter-spacing: -.02em;
    text-shadow: 0 0 16px rgba(76,148,255,.35);
}
.app-vero .pipe .col .card {
  margin-bottom: 12px;
}
.app-vero .kanban .cardlet {
  background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 13px 14px; margin: 0 6px 10px;
    box-shadow: var(--shadow-sm); transition: all .15s ease; cursor: default;
}
.app-vero .kanban .cardlet:hover {
  box-shadow: var(--glow-teal); transform: translateY(-2px); border-color: rgba(76,148,255,.35);
}
.app-vero .kanban .cardlet .nome {
  font-weight: 700; font-size: 15px; color: var(--text);
}
.app-vero .kanban .cardlet .sub {
  color: var(--muted); font-size: 13px; margin-top: 3px;
}
.app-vero .table-wrap {
  overflow-x: auto; border-radius: 13px;
}
.app-vero .muted {
  color: var(--muted);
}
.app-vero .field {
  display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px;
}
.app-vero .field label {
  font-weight: 700; font-size: 15px; color: #DCE7F5;
}
.app-vero .field input, .app-vero .field textarea, .app-vero .field select {
  padding: 13px 15px; border: 1.5px solid var(--line); border-radius: 11px; font-size: 16px; font-family: inherit;
    background: rgba(255,255,255,.04); color: var(--text); transition: border-color .15s ease, box-shadow .15s ease;
}
.app-vero .field input::placeholder, .app-vero .field textarea::placeholder {
  color: #7C90AE;
}
.app-vero .field input:focus, .app-vero .field textarea:focus, .app-vero .field select:focus {
  outline: none; border-color: var(--teal); box-shadow: 0 0 0 3px rgba(76,148,255,.16);
}
.app-vero .field input:focus-visible, .app-vero .field textarea:focus-visible, .app-vero .field select:focus-visible {
  outline: none;
}
.app-vero .hint {
  color: var(--muted); font-size: 14px;
}
.app-vero .auth.grad-header {
  background-image: none; animation: none;
}
.app-vero .auth-field input {
  background: var(--card-solid);
}
.app-vero .check-row a, .app-vero .pw-show {
  color: var(--teal-deep);
}
.app-vero .legal-doc h3 {
  color: #0B2447;
}
.app-vero .legal-back {
  color: var(--teal-deep);
}
.app-vero .btn.primary.big {
  transition: transform var(--t-fast), box-shadow var(--t), filter var(--t);
}
.app-vero .btn.primary.big:not(:disabled):hover {
  transform: translateY(-1px); box-shadow: 0 10px 24px rgba(47,123,240,.4);
}
.app-vero .btn.primary.big:not(:disabled):active {
  transform: translateY(0);
}
.app-vero .imm-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px;
}
.app-vero .imm-card {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--t), transform var(--t), border-color var(--t);
    display: flex; flex-direction: column;
}
.app-vero .imm-card:hover {
  box-shadow: var(--glow-teal), var(--shadow-lg); transform: translateY(-3px); border-color: rgba(76,148,255,.4);
}
.app-vero .imm-card .foto {
  position: relative; aspect-ratio: 16 / 10; background: var(--bg-2); overflow: hidden;
    display: grid; place-items: center;
}
.app-vero .imm-card .foto .ag-pista {
  position: absolute; inset: 0;
}
.app-vero .imm-card .foto img {
  width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease);
}
.app-vero .imm-card:hover .foto img {
  transform: scale(1.04);
}
.app-vero .imm-card .foto .ph {
  width: 100%; height: 100%; display: grid; place-items: center; font-size: 46px; opacity: .8;
    background: radial-gradient(120% 120% at 50% 0%, rgba(76,148,255,.22), transparent 55%),
                linear-gradient(160deg, #0B2447, #040B1C);
}
.app-vero .imm-card .foto .prezzo-tag {
  position: absolute; left: 12px; bottom: 12px; background: rgba(4,11,28,.82); color: #CFE0F6;
    padding: 7px 13px; border-radius: 10px; font-weight: 800; font-size: var(--fs-md);
    font-variant-numeric: tabular-nums; letter-spacing: -.01em;
    box-shadow: inset 0 0 0 1px rgba(76,148,255,.3);
}
.app-vero .imm-card .foto .stato-tag {
  position: absolute; right: 12px; top: 12px;
}
.app-vero .imm-card .foto .foto-tag {
  position: absolute; right: 12px; bottom: 12px;
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(4,11,28,.72); color: #CFE0F6; backdrop-filter: blur(3px);
    padding: 4px 9px; border-radius: 999px;
    font-size: var(--fs-xs); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums;
    box-shadow: inset 0 0 0 1px rgba(76,148,255,.3);
}
.app-vero .imm-card-wrap {
  position: relative; display: flex;
}
.app-vero .imm-card-wrap > .imm-card {
  flex: 1; min-width: 0;
}
.app-vero .imm-kebab {
  position: absolute; left: 10px; top: 10px; z-index: 3;
    width: 44px; height: 44px; display: grid; place-items: center; padding: 0;
    border: 0; border-radius: 50%; cursor: pointer;
    background: rgba(4,11,28,.72); color: #CFE0F6; backdrop-filter: blur(3px);
    box-shadow: inset 0 0 0 1px rgba(76,148,255,.3);
    transition: background var(--t), transform var(--t-fast);
}
.app-vero .imm-kebab:hover {
  background: rgba(4,11,28,.9);
}
.app-vero .imm-card-wrap:hover > .imm-kebab {
  transform: translateY(-3px);
}
.app-vero .imm-kebab:active {
  transform: var(--press);
}
.app-vero .imm-card .corpo {
  padding: 15px 16px 17px; display: flex; flex-direction: column; gap: 7px;
}
.app-vero .imm-card .corpo .tipo {
  font-size: var(--fs-md); font-weight: var(--fw-bold); letter-spacing: -.01em; line-height: 1.25; color: var(--text);
}
.app-vero .imm-card .corpo .ind {
  color: var(--muted); font-size: var(--fs-sm);
}
.app-vero .imm-card .corpo .ind b {
  color: var(--text); font-weight: var(--fw-bold);
}
.app-vero .imm-card .corpo .specs {
  display: flex; gap: 14px; flex-wrap: nowrap; margin-top: 4px;
    padding-top: 11px; border-top: 1px solid var(--line-soft); color: var(--text); font-size: var(--fs-sm);
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.app-vero .imm-card .corpo .specs::-webkit-scrollbar {
  display: none;
}
.app-vero .imm-card .corpo .specs .s {
  display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0;
    white-space: nowrap;
}
.app-vero .imm-card .corpo .specs .s b {
  font-weight: var(--fw-bold);
}
.app-vero .imm-card .warn {
  display: flex; align-items: center; gap: 5px;
    font-size: var(--fs-xs); color: var(--giallo); font-weight: var(--fw-semi);
}
.app-vero .imm-card .warn > svg {
  flex: 0 0 auto;
}
.app-vero .imm-card .warn > span {
  min-width: 0;
}
.app-vero .grid > *:nth-child(2), .app-vero .imm-grid > *:nth-child(2) {
  animation-delay: .06s;
}
.app-vero .grid > *:nth-child(3), .app-vero .imm-grid > *:nth-child(3) {
  animation-delay: .12s;
}
.app-vero .grid > *:nth-child(4), .app-vero .imm-grid > *:nth-child(4) {
  animation-delay: .18s;
}
.app-vero .grid > *:nth-child(5), .app-vero .imm-grid > *:nth-child(5) {
  animation-delay: .24s;
}
.app-vero .grid > *:nth-child(6), .app-vero .imm-grid > *:nth-child(6) {
  animation-delay: .30s;
}
.app-vero .plan .prezzo-big {
  font-size: var(--fs-2xl); font-weight: var(--fw-black); letter-spacing: -.03em;
    background: linear-gradient(180deg, #EEF4FC, var(--teal)); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.app-vero .stepper .st .dot {
  flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
    background: var(--card-solid); border: 2px solid var(--line); color: var(--muted); font-weight: 800; font-size: 13px; z-index: 1;
}
.app-vero .stepper .st.done .dot {
  background: var(--teal-deep); border-color: var(--teal); color: #040B1C; box-shadow: 0 0 14px var(--teal-glow);
}
.app-vero .stepper .st.now .dot {
  border-color: var(--gold); color: var(--gold-strong); animation: ring 2s var(--ease) infinite;
}
.app-vero .lead-card {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px;
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--t), transform var(--t), border-color var(--t);
    display: flex; flex-direction: column; gap: 12px;
}
.app-vero .lead-card:hover {
  box-shadow: var(--glow-teal), var(--shadow-lg); transform: translateY(-3px); border-color: rgba(76,148,255,.4);
}
.app-vero .lead-top {
  display: flex; align-items: center; gap: 12px;
}
.app-vero .avatar {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center;
    font-weight: 800; font-size: var(--fs-md); color: #fff; letter-spacing: .02em; box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
.app-vero .avatar-foto {
  padding: 0; border: none; background: none; overflow: hidden; cursor: zoom-in;
}
.app-vero .avatar-foto img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.app-vero .avatar-foto:hover, .app-vero .avatar-foto:focus-visible {
  box-shadow: var(--glow-teal), 0 4px 14px rgba(0,0,0,.35);
}
.app-vero .lead-top .nm {
  font-weight: var(--fw-bold); font-size: var(--fs-base); line-height: 1.2; color: var(--text);
}
.app-vero .lead-top .ct {
  color: var(--muted); font-size: 13.5px; display: flex; align-items: center; gap: 5px; margin-top: 2px;
}
.app-vero .chip-canale {
  font-size: 11.5px; color: var(--muted); background: var(--grigio-bg); padding: 3px 9px;
    border-radius: 999px; font-weight: var(--fw-semi);
}
.app-vero .brand-name, .app-vero .auth-logo-name {
  font-weight: 800; letter-spacing: .14em; line-height: 1;
    background: linear-gradient(95deg, #EEF4FC 0%, var(--accent-bright) 55%, var(--accent) 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px 7px rgba(76,148,255,.35));
}
.app-vero .brand-name, .app-vero .auth-logo-name {
  background: linear-gradient(95deg, #0B2447 0%, var(--accent-deep) 45%, #0B4FC4 100%);
    -webkit-background-clip: text; background-clip: text;
    filter: none;
}
.app-vero .brand .brand-name {
  font-size: 22px;
}
.app-vero .ag-logo {
  position: relative; display: inline-block; flex: 0 0 auto; line-height: 0;
}
.app-vero .ag-logo-v {
  display: block; width: 100%; height: 100%; object-fit: contain; user-select: none;
}
.app-vero .ag-logo--glow {
  filter: drop-shadow(0 4px 14px rgba(20,102,232,.28));
}
.app-vero .stat::before {
  animation: glowpulse 4.5s ease-in-out infinite;
}
.app-vero .imm-card, .app-vero .lead-card {
  position: relative;
}
.app-vero .imm-card::after, .app-vero .lead-card::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, rgba(122,178,255,.14) 48%, transparent 58%);
    transform: translateX(-130%); transition: transform .75s var(--ease); z-index: 2;
}
.app-vero .imm-card:hover::after, .app-vero .lead-card:hover::after {
  transform: translateX(130%);
}
.app-vero .bstat .bn.muted2 {
  color: var(--muted);
}
.app-vero .bg-n {
  color: #0B2447;
}
.app-vero .assist-panel {
  position: fixed; right: 26px; bottom: 98px; z-index: 40; width: 370px; max-width: calc(100vw - 32px);
    height: 540px; max-height: calc(100vh - 130px); display: flex; flex-direction: column;
    border-radius: 18px; overflow: hidden; border: 1px solid rgba(76,148,255,.28);
    background: linear-gradient(180deg, rgba(12,30,64,.96), rgba(7,17,40,.98));
    backdrop-filter: blur(16px); box-shadow: var(--glow-teal), 0 30px 70px rgba(0,0,0,.6);
    animation: fadeUp .28s var(--ease) both;
    transition: width var(--t), height var(--t), max-width var(--t), max-height var(--t),
      top var(--t), left var(--t), right var(--t), bottom var(--t), transform var(--t);
}
.app-vero .assist-panel.expanded {
  width: 90vw; max-width: 900px; height: 85vh; max-height: 85vh;
    inset: 0; margin: auto; transform: none;
    z-index: 48;
}
.app-vero .assist-head {
  display: flex; align-items: center; gap: 11px; padding: 14px 16px;
    border-bottom: 1px solid var(--line); background: rgba(76,148,255,.06);
    cursor: grab; user-select: none; touch-action: none;
}
.app-vero .assist-head:active {
  cursor: grabbing;
}
.app-vero .assist-title {
  font-weight: 800; font-size: 16px; color: var(--text);
}
.app-vero .assist-sub {
  font-size: 12.5px; color: var(--muted);
}
.app-vero .assist-voice {
  margin-left: auto; background: rgba(255,255,255,.06); border: 1px solid var(--line);
    border-radius: 9px; width: 34px; height: 34px; cursor: pointer; font-size: 15px;
    display: grid; place-items: center; color: var(--text);
}
.app-vero .assist-voice.on {
  border-color: rgba(76,148,255,.4);
}
.app-vero .assist-expand {
  background: transparent; border: 1px solid var(--line); border-radius: 9px;
    width: 34px; height: 34px; cursor: pointer; display: grid; place-items: center; color: var(--muted);
}
.app-vero .assist-expand:hover {
  color: var(--text); border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .assist-close {
  background: transparent; border: 1px solid var(--line); border-radius: 9px;
    width: 34px; height: 34px; cursor: pointer; display: grid; place-items: center; color: var(--muted);
}
.app-vero .assist-close:hover {
  color: var(--text); border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .assist-body {
  flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px;
}
.app-vero .assist-msg {
  max-width: 82%; padding: 10px 13px; border-radius: 14px; font-size: 14px; line-height: 1.45;
}
.app-vero .assist-msg.ai {
  align-self: flex-start; background: rgba(255,255,255,.05); border: 1px solid var(--line);
    border-bottom-left-radius: 4px; color: var(--text);
}
.app-vero .assist-msg.io {
  align-self: flex-end; background: linear-gradient(180deg, #1466E8, #0B4FC4);
    color: #fff; border-bottom-right-radius: 4px;
}
.app-vero .assist-chips {
  display: flex; gap: 7px; flex-wrap: wrap; padding: 0 14px 10px;
}
.app-vero .assist-chip {
  font-size: 12px; color: var(--teal-bright); background: rgba(76,148,255,.1);
    border: 1px solid rgba(76,148,255,.28); border-radius: 999px; padding: 5px 11px; cursor: pointer;
    transition: background var(--t-fast);
}
.app-vero .assist-chip:hover {
  background: rgba(76,148,255,.2);
}
.app-vero .assist-input {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    margin: 0 14px 12px; padding: 6px; border: 1px solid var(--line); border-radius: 26px;
    background: var(--card); backdrop-filter: blur(10px);
    transition: border-radius var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);
}
.app-vero .assist-input.attiva {
  border-radius: 20px; padding: 10px 8px 8px; align-items: flex-end;
    border-color: var(--accent-line, rgba(76,148,255,.4));
    box-shadow: 0 0 0 3px rgba(76,148,255,.14);
}
.app-vero .assist-input .assist-attach {
  order: 0;
}
.app-vero .assist-input .assist-sforzo {
  order: 2; display: none;
}
.app-vero .assist-input .assist-mic {
  order: 3;
}
.app-vero .assist-input .assist-send {
  order: 4;
}
.app-vero .assist-input.attiva textarea.assist-testo {
  order: 0; flex: 1 0 100%;
}
.app-vero .assist-input.attiva .assist-attach {
  order: 1;
}
.app-vero .assist-input.attiva .assist-sforzo {
  order: 2; display: grid; margin-left: auto;
}
.app-vero .assist-input.attiva .assist-mic {
  order: 3;
}
.app-vero .assist-input.attiva .assist-send {
  order: 4;
}
.app-vero .assist-input input, .app-vero .assist-input textarea.assist-testo {
  background: transparent;
    border: 0; border-radius: 14px; padding: 9px 12px; color: var(--text);
    font-size: 14px; font-family: inherit;
}
.app-vero .assist-input.riposo textarea.assist-testo {
  white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;
}
.app-vero .assist-input textarea.assist-testo {
  resize: none; overflow-y: auto; min-height: 40px; max-height: 132px;
    line-height: 1.35; order: 1; flex: 1 1 auto; min-width: 0;
}
.app-vero .assist-input input:focus, .app-vero .assist-input textarea.assist-testo:focus {
  outline: none;
}
.app-vero .assist-input input::placeholder, .app-vero .assist-input textarea.assist-testo::placeholder {
  color: #7C90AE;
}
.app-vero .assist-mic, .app-vero .assist-send {
  width: 40px; height: 40px; border-radius: 11px; cursor: pointer; font-size: 16px;
    border: 1px solid var(--line); background: rgba(255,255,255,.05); color: var(--text); flex: 0 0 auto;
    display: grid; place-items: center;
}
.app-vero .assist-send {
  background: linear-gradient(180deg, #7AB2FF, var(--teal-deep)); color: #040B1C; border: 0;
}
.app-vero .assist-mic.live, .app-vero .assist-send.live {
  border-color: var(--rosso-text); color: var(--rosso-text);
    background: rgba(251,113,133,.14); animation: ring 1.4s var(--ease) infinite;
}
.app-vero .assist-panel {
  background: var(--onde), linear-gradient(180deg, #F7FAFE 0%, #EEF4FB 55%, #E6EFFA 100%);
}
.app-vero .assist-msg.ai {
  background: var(--card); color: var(--text); border-color: var(--glass-edge); box-shadow: var(--shadow-sm);
}
.app-vero .assist-input {
  background: var(--card-solid, #fff);
}
.app-vero .assist-input input::placeholder, .app-vero .assist-input textarea.assist-testo::placeholder {
  color: #52678A;
}
.app-vero .assist-hist-btn {
  background: transparent; border: 1px solid var(--line); border-radius: 9px;
    width: 34px; height: 34px; cursor: pointer; display: grid; place-items: center; color: var(--muted);
}
.app-vero .assist-hist-btn:hover {
  color: var(--text); border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .assist-hist-btn.on {
  border-color: rgba(76,148,255,.4); color: var(--text); background: var(--accent-tint);
}
.app-vero .assist-sforzo {
  width: 40px; height: 40px; border-radius: 11px; cursor: pointer;
    border: 1px solid var(--line); background: rgba(255,255,255,.05); color: var(--muted);
    flex: 0 0 auto; display: grid; place-items: center;
    transition: color var(--t-fast), border-color var(--t-fast), background var(--t-fast);
}
.app-vero .assist-sforzo:hover, .app-vero .assist-sforzo.on {
  color: var(--text);
    border-color: var(--accent-line, rgba(76,148,255,.4)); background: var(--accent-tint);
}
.app-vero .assist-sforzo.liv-medio {
  color: var(--teal);
}
.app-vero .assist-sforzo.liv-alto {
  color: var(--teal-bright); border-color: rgba(76,148,255,.36);
}
.app-vero .sforzo-punti i.on {
  background: rgba(11,36,71,.45);
}
.app-vero .sforzo-range::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, var(--teal-deep) 0 var(--riempimento),
                                rgba(22,82,170,.12) var(--riempimento) 100%);
}
.app-vero .sforzo-range::-moz-range-track {
  background: rgba(22,82,170,.12);
}
.app-vero .assist-sforzo {
  background: rgba(22,82,170,.05);
}
.app-vero .assist-attach {
  width: 40px; height: 40px; border-radius: 11px; cursor: pointer;
    border: 1px solid var(--line); background: rgba(255,255,255,.05); color: var(--text); flex: 0 0 auto;
    display: grid; place-items: center;
}
.app-vero .assist-preview {
  display: flex; align-items: center; gap: 9px; padding: 8px 14px;
    border-top: 1px solid var(--line);
}
.app-vero .assist-preview-img {
  width: 42px; height: 42px; border-radius: 9px; object-fit: cover;
    border: 1px solid var(--line); flex: 0 0 auto;
}
.app-vero .assist-preview-chip {
  display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px;
    color: var(--muted); background: rgba(255,255,255,.05); border: 1px solid var(--line);
    border-radius: 999px; padding: 6px 11px;
}
.app-vero .assist-preview-name {
  max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .assist-preview-x {
  margin-left: auto; width: 26px; height: 26px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--line); background: rgba(255,255,255,.05); color: var(--muted);
    display: grid; place-items: center; flex: 0 0 auto;
}
.app-vero .assist-preview-x:hover {
  color: var(--rosso-text); border-color: var(--rosso-bg);
}
.app-vero .assist-md > *:first-child {
  margin-top: 0;
}
.app-vero .assist-md > *:last-child {
  margin-bottom: 0;
}
.app-vero .assist-md p {
  margin: 0 0 8px;
}
.app-vero .assist-md strong {
  font-weight: 800;
}
.app-vero .assist-md em {
  font-style: italic;
}
.app-vero .assist-md ul, .app-vero .assist-md ol {
  margin: 0 0 8px; padding-left: 20px;
}
.app-vero .assist-md li {
  margin: 2px 0;
}
.app-vero .assist-md li > p {
  margin: 0;
}
.app-vero .assist-md a {
  color: var(--teal-bright); text-decoration: underline; text-underline-offset: 2px;
}
.app-vero .assist-md code {
  background: rgba(255,255,255,.1); border-radius: 4px; padding: 1px 5px;
    font-size: 12.5px; font-family: ui-monospace, "SF Mono", Consolas, monospace;
}
.app-vero .assist-md pre {
  background: rgba(255,255,255,.07); border: 1px solid var(--line); border-radius: 8px;
    padding: 9px 10px; margin: 0 0 8px; overflow-x: auto;
}
.app-vero .assist-md pre code {
  background: none; padding: 0;
}
.app-vero .assist-md blockquote {
  margin: 0 0 8px; padding-left: 10px; border-left: 2px solid var(--line);
    color: var(--muted);
}
.app-vero .assist-md h1, .app-vero .assist-md h2, .app-vero .assist-md h3 {
  font-weight: 800; margin: 10px 0 6px; line-height: 1.3;
}
.app-vero .assist-md h1 {
  font-size: 17px;
}
.app-vero .assist-md h2 {
  font-size: 15.5px;
}
.app-vero .assist-md h3 {
  font-size: 14.5px;
}
.app-vero .assist-md code {
  background: rgba(20,102,232,.1);
}
.app-vero .assist-md pre {
  background: rgba(20,102,232,.06);
}
.app-vero .assist-msg-img {
  display: block; max-width: 100%; max-height: 220px; border-radius: 10px;
    margin-bottom: 6px; object-fit: cover;
}
.app-vero .assist-msg-file {
  display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px;
    max-width: 100%; min-width: 0;
    font-weight: 700; color: inherit; text-decoration: none; background: rgba(255,255,255,.12);
    border-radius: 999px; padding: 5px 10px; margin-bottom: 6px;
}
.app-vero .assist-msg-file:hover {
  text-decoration: underline;
}
.app-vero .assist-msg-file svg {
  flex: 0 0 auto;
}
.app-vero .assist-msg-file-t {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .assist-msg-file .badge {
  flex: 0 0 auto;
}
.app-vero .assist-tool-card {
  margin-top: 8px; border-radius: 12px; border: 1px solid rgba(76,148,255,.32);
    background: rgba(76,148,255,.07); padding: 9px 10px;
}
.app-vero .assist-tool-head {
  display: flex; align-items: flex-start; gap: 8px;
}
.app-vero .assist-tool-icon {
  flex: 0 0 auto; color: var(--gold-strong); display: grid; place-items: center;
    margin-top: 1px;
}
.app-vero .assist-tool-testo {
  min-width: 0; flex: 1;
}
.app-vero .assist-tool-label {
  font-size: 12.5px; font-weight: 800; color: var(--gold-strong); line-height: 1.3;
}
.app-vero .assist-tool-sub {
  font-size: 12px; color: var(--muted); margin-top: 1px; line-height: 1.3;
}
.app-vero .assist-tool-apri {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px;
    font: inherit; font-size: 11.5px; font-weight: 800; color: var(--gold-strong);
    background: rgba(255,255,255,.06); border: 1px solid rgba(76,148,255,.32); border-radius: 999px;
    padding: 4px 9px; text-decoration: none; white-space: nowrap; cursor: pointer;
    transition: background var(--t-fast);
}
.app-vero .assist-tool-apri:hover {
  background: rgba(76,148,255,.14);
}
.app-vero .assist-tool-lista {
  list-style: none; margin: 7px 0 0; padding: 7px 0 0; display: flex;
    flex-direction: column; gap: 3px; border-top: 1px solid rgba(76,148,255,.18);
}
.app-vero .assist-tool-lista li {
  font-size: 12px; color: var(--text); line-height: 1.4;
}
.app-vero .assist-tool-lista li a, .app-vero .assist-tool-riga-link {
  color: inherit; text-decoration: none;
}
.app-vero .assist-tool-riga-link {
  display: block; width: 100%; text-align: left; font: inherit;
    background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
}
.app-vero .assist-tool-lista li a:hover, .app-vero .assist-tool-riga-link:hover {
  text-decoration: underline;
    color: var(--gold-strong);
}
.app-vero .assist-tool-card {
  background: rgba(20,102,232,.06);
    border-color: rgba(20,102,232,.28);
}
.app-vero .assist-tool-icon, .app-vero .assist-tool-label, .app-vero .assist-tool-apri {
  color: var(--gold-deep);
}
.app-vero .assist-tool-email {
  margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(76,148,255,.18);
    display: flex; flex-direction: column; gap: 4px;
}
.app-vero .assist-tool-email-riga {
  display: flex; gap: 6px; font-size: 12px; line-height: 1.4;
}
.app-vero .assist-tool-email-campo {
  flex: 0 0 auto; font-weight: 700; color: var(--muted); min-width: 46px;
}
.app-vero .assist-tool-email-valore {
  color: var(--text); word-break: break-word;
}
.app-vero .assist-tool-email-corpo {
  margin-top: 2px; padding: 8px; border-radius: 8px;
    background: rgba(255,255,255,.05); font-size: 12.5px; line-height: 1.5; color: var(--text);
    white-space: pre-wrap; word-break: break-word; max-height: 220px; overflow-y: auto;
}
.app-vero .assist-tool-conferma {
  margin-top: 9px; width: 100%; justify-content: center;
    font-size: 12.5px; padding: 8px 14px;
}
.app-vero .assist-tool-email-corpo {
  background: rgba(255,255,255,.7);
}
.app-vero .assist-msg-azioni {
  display: flex; gap: 2px; margin: 5px 0 0 2px;
}
.app-vero .assist-msg-azione {
  width: 26px; height: 26px; border: 0; border-radius: 8px; background: transparent;
    color: var(--muted); cursor: pointer; display: grid; place-items: center; transition: background var(--t-fast), color var(--t-fast);
}
.app-vero .assist-msg-azione:hover {
  background: rgba(76,148,255,.14); color: var(--teal-bright);
}
.app-vero .assist-msg-azione:disabled {
  opacity: .5; cursor: default;
}
.app-vero .assist-msg-azione.on {
  color: var(--teal-bright); background: rgba(76,148,255,.14);
}
.app-vero .assist-msg-azione:hover, .app-vero .assist-msg-azione.on {
  color: var(--accent-deep); background: rgba(20,102,232,.1);
}
.app-vero .assist-tool-apri {
  border-color: rgba(20,102,232,.32); background: rgba(255,255,255,.6);
}
.app-vero .assist-tool-lista {
  border-top-color: rgba(20,102,232,.2);
}
.app-vero .assist-hist-head {
  display: flex; align-items: center; justify-content: space-between;
    gap: 10px; padding: 2px 2px 4px;
}
.app-vero .assist-hist-head span {
  font-weight: 800; font-size: 13px; color: var(--muted);
    text-transform: uppercase; letter-spacing: .06em;
}
.app-vero .assist-hist-row {
  display: flex; align-items: center; gap: 4px;
}
.app-vero .assist-hist-row .ag-section-row {
  flex: 1; min-width: 0; cursor: default;
}
.app-vero {
  --bg: #EDF3FA; --bg-2: #E3ECF7;
    --card: rgba(255,255,255,.55); --card-solid: #ffffff;
    --text: #0B2447; --muted: #516480;
    --line: rgba(22,82,170,.11); --line-soft: rgba(22,82,170,.06);
    --verde: #0c7049;  --verde-bg: rgba(52,211,153,.18);
    --giallo: #8A5E00; --giallo-bg: rgba(251,191,36,.20);
    --blu: #1a6ab3;    --blu-bg: rgba(56,189,248,.18);
    --viola: #6b4fd0;  --viola-bg: rgba(167,139,250,.20);
    --grigio: #516480; --grigio-bg: rgba(20,102,232,.08);
    --rosso: #d0455a;  --rosso-bg: rgba(251,113,133,.18);
    --rosso-text: #c02a42;
    --shadow-sm: inset 0 1px 0 rgba(255,255,255,.95), 0 1px 2px rgba(22,64,140,.04), 0 10px 28px rgba(22,64,140,.07);
    --shadow: 0 8px 24px rgba(22,64,140,.09);
    --shadow-lg: 0 18px 44px rgba(22,64,140,.14);
    --glow-teal: 0 0 0 1px rgba(20,102,232,.22), 0 10px 30px rgba(20,102,232,.16);
}
.app-vero h1, .app-vero h2, .app-vero h3, .app-vero h4 {
  color: #0B2447;
}
.app-vero .card h3 {
  color: #0B2447;
}
.app-vero .stat .num, .app-vero .plan .prezzo-big {
  background: linear-gradient(180deg, #1466E8, #0B4FC4);
    -webkit-background-clip: text; background-clip: text;
}
.app-vero .stat.attenzione .num {
  background: linear-gradient(180deg, #b7791f, #7a5210);
    -webkit-background-clip: text; background-clip: text;
}
.app-vero .prezzo {
  color: var(--teal-deep); text-shadow: none;
}
.app-vero .row .titolo, .app-vero .kanban .cardlet .nome, .app-vero .kanban .col .head, .app-vero .lead-top .nm, .app-vero .imm-card .corpo .tipo, .app-vero .stepper .st .txt .t, .app-vero .field label {
  color: #0B2447;
}
.app-vero .pipe .col, .app-vero .kanban .col {
  background: rgba(20,102,232,.04);
}
.app-vero .funnel .step .track, .app-vero .progress, .app-vero .score .track, .app-vero .pw-meter {
  background: rgba(20,102,232,.08);
}
.app-vero .kanban .col .head .n {
  background: rgba(47,123,240,.12); color: var(--teal-deep);
}
.app-vero .btn.ghost {
  background: rgba(20,102,232,.05); color: var(--text);
}
.app-vero .btn.navy {
  background: rgba(47,123,240,.12); color: var(--teal-deep); border-color: rgba(47,123,240,.3);
}
.app-vero .field input, .app-vero .field textarea, .app-vero .field select {
  background: #fff;
}
.app-vero .field input::placeholder, .app-vero .field textarea::placeholder {
  color: #5F7394;
}
.app-vero .lead-req {
  background: rgba(20,102,232,.04);
}
.app-vero .imm-card .foto .ph {
  background: radial-gradient(120% 120% at 50% 0%, rgba(76,148,255,.18), transparent 55%),
                linear-gradient(160deg, #E6EFFD, #DCE8F8);
}
.app-vero .chart-bars .bar .val {
  color: var(--teal-deep);
}
.app-vero .theme-toggle {
  background: rgba(20,102,232,.05);
}
.app-vero ::selection {
  background: rgba(47,123,240,.22); color: #0B2447;
}
.app-vero .cmdk-overlay {
  background: rgba(12,28,60,.28);
}
.app-vero .stat-link {
  text-decoration: none; cursor: pointer;
}
.app-vero .stat-link:hover {
  box-shadow: var(--glow-teal), var(--shadow-lg); transform: translateY(-3px); border-color: rgba(76,148,255,.4);
}
.app-vero .stat-ico {
  position: absolute; top: 18px; right: 18px; font-size: 20px; opacity: .45; transition: opacity var(--t), transform var(--t);
}
.app-vero .stat-link:hover .stat-ico {
  opacity: .9; transform: scale(1.1);
}
.app-vero .stat-go {
  position: absolute; right: 20px; bottom: 18px; color: var(--teal); font-weight: 800; opacity: 0; transform: translateX(-6px); transition: opacity var(--t), transform var(--t);
}
.app-vero .stat-link:hover .stat-go {
  opacity: 1; transform: none;
}
.app-vero .kanban .cardlet {
  cursor: grab;
}
.app-vero .kanban .cardlet:active {
  cursor: grabbing;
}
.app-vero .kanban .cardlet.dragging {
  opacity: .45; transform: scale(.98);
}
.app-vero {
  --accent:        #4C94FF;
    --accent-bright: #7AB2FF;
    --accent-deep:   #2F7BF0;
    --accent-contrast:#04102A;
    --accent-tint:   rgba(76,148,255,.14);
    --accent-line:   rgba(76,148,255,.30);
    --accent-glow:   rgba(76,148,255,.30);
    --teal:          var(--accent);
    --teal-bright:   var(--accent-bright);
    --teal-deep:     var(--accent-deep);
    --gold:          var(--accent);
    --gold-deep:     var(--accent-deep);
    --gold-strong:   var(--accent-bright);
    --gold-tint:     var(--accent-tint);
    --gold-glow:     var(--accent-glow);
    --argento:       #C9D6EA;
    --navy-tint:     rgba(11,36,71,.08);
    --glass-edge:    rgba(255,255,255,.09);
    --glass-float:   rgba(8,21,51,.62);
    --glass-float-blur: saturate(160%) blur(22px);
    --r-sm: 12px; --r: 18px; --r-lg: 22px; --r-xl: 28px; --pill: 999px;
    --press: scale(.97);
    --shadow-soft: 0 10px 34px rgba(0,0,0,.42);
}
.app-vero {
  --accent:        #0F5CD6;
    --accent-bright: #3D8BFF;
    --accent-deep:   #0B4FC4;
    --accent-contrast:#ffffff;
    --accent-tint:   #E6EFFD;
    --accent-line:   rgba(20,102,232,.22);
    --accent-glow:   rgba(20,102,232,.20);
    --gold-soft:     #DCE8FC;
    --glass-edge:    rgba(255,255,255,.78);
    --glass-float:   rgba(255,255,255,.78);
    --glass-float-blur: saturate(180%) blur(22px);
    --shadow-soft: 0 10px 32px rgba(22,64,140,.10);
    --grad-header: linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.60));
    --glass-blur: saturate(180%) blur(22px);
    --onde: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1600' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='30'/%3E%3C/filter%3E%3ClinearGradient id='w' x1='0' y1='0' x2='1' y2='.35'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.2'/%3E%3Cstop offset='.5' stop-color='%23fff' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg filter='url%28%23b%29'%3E%3Cellipse cx='860' cy='170' rx='330' ry='230' fill='%233D8BFF' fill-opacity='.06'/%3E%3Cellipse cx='110' cy='1020' rx='380' ry='260' fill='%231466E8' fill-opacity='.05'/%3E%3Cpath d='M-150 300 C 220 120 560 520 1150 200 L 1150 420 C 560 760 240 360 -150 560 Z' fill='url%28%23w%29'/%3E%3Cpath d='M-150 900 C 300 700 620 1060 1150 820 L 1150 930 C 640 1180 300 820 -150 1030 Z' fill='url%28%23w%29' opacity='.7'/%3E%3Cpath d='M-150 1330 C 280 1110 650 1460 1150 1180 L 1150 1330 C 650 1600 300 1260 -150 1480 Z' fill='url%28%23w%29' opacity='.9'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
    --aurora:
      var(--onde),
      linear-gradient(180deg, #EAF1FB 0%, #E9F0FA 55%, #E8EFFA 100%);
    color-scheme: light;
}
.app-vero .ag-press {
  transition: transform .12s ease, box-shadow .22s ease;
}
.app-vero .ag-press:active {
  transform: var(--press);
}
.app-vero .ag-chip {
  width:44px; height:44px; border-radius:var(--r); flex:0 0 auto; display:grid; place-items:center;
    font-size:20px; background:var(--accent-tint); color:var(--accent-deep); box-shadow: inset 0 0 0 1px var(--accent-line);
}
.app-vero .ag-chip.oro {
  background:var(--gold-tint); color:var(--gold-deep); box-shadow: inset 0 0 0 1px rgba(20,102,232,.28);
}
.app-vero .ag-sheet-scrim {
  position:fixed; inset:0; z-index:70; background:rgba(3,9,24,.55); backdrop-filter:blur(4px);
    display:flex; align-items:flex-end; justify-content:center; animation:ag-fade .16s ease both;
}
.app-vero .ag-sheet {
  width:100%; max-width:640px; max-height:82svh; overflow-y:auto; background:var(--glass-float);
    backdrop-filter:var(--glass-float-blur); -webkit-backdrop-filter:var(--glass-float-blur);
    border:1px solid var(--line); border-radius:var(--r-xl) var(--r-xl) 0 0;
    padding:22px 20px calc(28px + env(safe-area-inset-bottom));
    box-shadow:0 24px 60px rgba(0,0,0,.5); animation:ag-sheet-up .28s ease both;
}
.app-vero .ag-sheet .grabber {
  width:44px; height:5px; border-radius:999px; background:var(--line); margin:-6px auto 16px;
}
.app-vero .grad-header {
  background-image: var(--grad-header); background-size: 300% 300%;
    animation: gradMove 14s var(--ease) infinite;
}
.app-vero .appbar-brand .brand-name {
  font-size: 18px; letter-spacing: .12em;
}
.app-vero .avatar-wrap {
  position: relative; flex: 0 0 auto;
}
.app-vero .avatar-btn {
  width: 42px; height: 42px; border-radius: 50%; cursor: pointer; display: grid; place-items: center;
    border: 2px solid rgba(255,255,255,.7); background: linear-gradient(150deg, #5B84C2, #264C86); color: #fff;
    font-weight: 800; font-size: 14px; letter-spacing: .02em; font-family: inherit;
    box-shadow: var(--shadow-sm); transition: box-shadow var(--t), border-color var(--t);
}
.app-vero .avatar-btn:hover {
  border-color: var(--accent); box-shadow: var(--glow-teal);
}
.app-vero .avatar-scrim {
  position: fixed; inset: 0; z-index: 34;
}
.app-vero .avatar-menu {
  position: absolute; right: 0; top: calc(100% + 10px); z-index: 35; width: 244px; padding: 8px;
    border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--card-solid);
    box-shadow: var(--shadow-lg); animation: fadeUp .18s var(--ease) both;
}
.app-vero .avatar-menu-head {
  padding: 8px 10px 10px; border-bottom: 1px solid var(--line-soft); margin-bottom: 6px;
}
.app-vero .avatar-menu-head .k {
  margin: 0; font-size: 10.5px; font-weight: 800; letter-spacing: .1em;
    text-transform: uppercase; color: var(--muted);
}
.app-vero .avatar-menu-head .v {
  margin: 2px 0 0; font-size: 13.5px; font-weight: 700; color: var(--text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .avatar-menu-role {
  display: inline-block; margin-top: 6px; padding: 1px 8px; border-radius: 999px;
    font-size: 11px; font-weight: 800; text-transform: capitalize;
    background: var(--accent-tint); color: var(--accent-deep); box-shadow: inset 0 0 0 1px var(--accent-line);
}
.app-vero .avatar-menu-item {
  width: 100%; display: flex; align-items: center; gap: 11px; padding: 10px 11px; border-radius: var(--r-sm);
    border: 0; background: transparent; cursor: pointer; text-align: left; font-family: inherit;
    font-size: 14px; font-weight: 600; color: var(--text); transition: background var(--t-fast);
}
.app-vero .avatar-menu-item:hover {
  background: var(--accent-tint);
}
.app-vero .avatar-menu-item svg {
  flex: 0 0 auto; color: var(--accent);
}
.app-vero .avatar-menu-item.danger {
  color: var(--rosso-text);
}
.app-vero .avatar-menu-item.danger svg {
  color: var(--rosso-text);
}
.app-vero .avatar-menu-item.danger:hover {
  background: var(--rosso-bg);
}
.app-vero .avatar-menu-sep {
  height: 1px; margin: 6px 4px; background: var(--line-soft);
}
.app-vero .tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 45;
    display: flex; justify-content: space-around; gap: 4px;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    background-color: var(--bg);
    box-shadow: 0 -2px 12px rgba(0,0,0,.06);
    backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);
}
.app-vero .tabbar .tab {
  flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 3px;
    padding: 6px 2px; border-radius: 14px; border: 0; background: transparent; cursor: pointer;
    font-family: inherit; color: var(--muted); transition: color var(--t), background var(--t);
}
.app-vero .tabbar .tab .tab-ico {
  display: grid; place-items: center; line-height: 1;
}
.app-vero .tabbar .tab span.tab-lbl {
  font-size: 10.5px; font-weight: 800; letter-spacing: .01em;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .tabbar .tab:hover {
  color: var(--text); background: var(--accent-tint);
}
.app-vero .tabbar .tab.active {
  color: var(--accent); background: rgba(255,255,255,.72); box-shadow: var(--shadow-sm);
}
.app-vero .appbar-brand .sub, .app-vero .tabbar .tab {
  color: #34466A;
}
.app-vero .tabbar .tab.active {
  color: var(--accent-deep);
}
.app-vero .tabbar .tab.active .tab-ico {
  filter: drop-shadow(0 2px 8px var(--accent-glow));
}
.app-vero .tabbar .tab {
  position: relative;
}
.app-vero .assist-panel {
  bottom: calc(92px + env(safe-area-inset-bottom)); right: 20px;
    max-height: calc(100svh - 180px);
}
.app-vero .btn.primary {
  background-color: var(--accent);
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff), var(--accent));
    color: var(--accent-contrast);
    box-shadow: 0 8px 20px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.18);
}
.app-vero .trial-cta, .app-vero .assist-send {
  background-color: var(--accent);
    background-image: linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff), var(--accent));
    color: var(--accent-contrast);
}
.app-vero .stepper .st.done .dot {
  background: var(--accent); border-color: var(--accent-bright); color: var(--accent-contrast);
}
.app-vero .trial-banner {
  color: var(--accent-deep);
}
.app-vero .trial-banner.scaduta {
  color: var(--rosso-text);
}
.app-vero [data-theme-switching] *, .app-vero [data-theme-switching] *::before, .app-vero [data-theme-switching] *::after {
  transition: none !important;
}
.app-vero .ag-coda-azioni .btn {
  width: 100%; justify-content: center;
}
.app-vero .ag-conn {
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius-sm);
    overflow:hidden; transition:border-color .2s, box-shadow .2s;
}
.app-vero .ag-conn.aperta {
  border-color:var(--accent-line); box-shadow:var(--shadow-soft);
}
.app-vero .ag-conn-testa {
  display:flex; align-items:center; gap:12px; width:100%; padding:12px 14px;
    background:transparent; border:0; cursor:pointer; font-family:inherit; color:var(--text);
    text-align:left;
}
.app-vero .ag-conn-testa:hover {
  background:var(--line-soft);
}
.app-vero .ag-conn-testa {
  text-decoration:none;
}
.app-vero .ag-conn-testo {
  flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;
}
.app-vero .ag-conn-testo .titolo {
  font-weight:var(--fw-bold); font-size:15px; line-height:1.25;
    overflow-wrap:anywhere;
}
.app-vero .ag-conn-testo .meta {
  font-size:13px; color:var(--muted); overflow-wrap:anywhere;
}
.app-vero .ag-conn-freccia {
  flex:0 0 auto; color:var(--muted); transition:transform .2s;
}
.app-vero .ag-conn.aperta .ag-conn-freccia {
  transform:rotate(180deg);
}
.app-vero .ag-conn-corpo {
  padding:4px 14px 16px; border-top:1px solid var(--line-soft);
}
.app-vero .ag-conn-corpo > p.hint:first-child {
  margin-top:10px;
}
.app-vero .ag-conn-voce {
  border:1px solid var(--line-soft); border-radius:var(--radius-sm);
    padding:12px 13px; margin-top:10px;
}
.app-vero .ag-conn-voce-testa {
  display:flex; align-items:center; gap:11px;
}
.app-vero .ag-conn-azioni {
  display:flex; gap:8px; flex-wrap:wrap; margin-top:11px;
}
.app-vero .ag-chip.piccolo {
  width:32px; height:32px;
}
.app-vero .ag-conn-testa.compatta .meta {
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.app-vero .ag-conn-aggiungi {
  display:inline-flex; align-items:center; gap:7px; margin-top:11px;
}
.app-vero .lead-elenco {
  display:grid; gap:8px;
}
.app-vero .ag-conn-testa.lead-testa {
  flex-wrap:nowrap;
}
.app-vero .lead-apri .ag-conn-testo {
  flex:1 1 auto; min-width:0; order:0;
}
.app-vero .avatar.piccolo {
  width:38px; height:38px; border-radius:12px; font-size:14px; box-shadow:none;
}
.app-vero .lead-freccia .ag-conn-freccia {
  margin-left:0;
}
.app-vero .lead-sintesi .hint {
  font-weight:500;
}
.app-vero .lead-contatori {
  margin-bottom:16px;
}
.app-vero .lead-filtri {
  display:flex; align-items:center; gap:8px; overflow-x:auto; overflow-y:hidden;
    padding-bottom:2px; margin-bottom:18px; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.app-vero .lead-filtri::-webkit-scrollbar {
  display:none;
}
.app-vero .lead-filtri-sep {
  flex:0 0 auto; width:1px; align-self:stretch; margin:3px 1px; background:var(--line);
}
.app-vero .lead-chat-flusso {
  display: flex; flex-direction: column; gap: 8px;
}
.app-vero .lead-msg-riga {
  display: flex;
}
.app-vero .lead-msg-riga.cliente {
  justify-content: flex-start;
}
.app-vero .lead-msg-riga.agenzia {
  justify-content: flex-end;
}
.app-vero .lead-msg {
  display: block; max-width: 82%; min-width: 0; text-align: left; font: inherit;
    padding: 9px 12px; border-radius: 14px; cursor: pointer; box-shadow: var(--shadow-sm);
    border: 1px solid var(--line); background: var(--card-solid); color: var(--text);
}
.app-vero .lead-msg.cliente {
  border-top-left-radius: 4px;
}
.app-vero .lead-msg.agenzia {
  background: var(--accent-tint); border-color: var(--accent-line); border-top-right-radius: 4px;
}
.app-vero .lead-msg-meta {
  display: flex; align-items: center; justify-content: flex-end; gap: 4px;
    margin-top: 4px; font-size: 11px; color: var(--muted); text-align: right;
}
.app-vero .lead-msg-spunte {
  display: inline-flex; align-items: center; flex-shrink: 0; line-height: 0;
}
.app-vero .lead-msg-spunte.inviato, .app-vero .lead-msg-spunte.consegnato {
  color: var(--muted);
}
.app-vero .lead-msg-spunte.letto {
  color: var(--blu);
}
.app-vero .lead-msg-spunte.fallita {
  color: var(--rosso-text, var(--rosso));
}
.app-vero .lead-msg-media {
  display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--muted);
}
.app-vero .lead-media {
  display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; max-width: 100%;
}
.app-vero .lead-media-foto {
  display: block; border-radius: 10px; overflow: hidden; border: 1px solid var(--line);
    background: var(--line-soft); line-height: 0; max-width: 100%;
}
.app-vero .lead-media-foto img {
  display: block; width: 100%; max-height: 260px; object-fit: cover;
}
.app-vero .lead-media-riga {
  display: flex; align-items: center; gap: 8px; padding: 7px 9px; border-radius: 10px;
    border: 1px solid var(--line); background: var(--card); font-size: 13px; color: var(--text);
}
.app-vero .lead-media-riga.riservato {
  border-color: var(--giallo-line, var(--line));
}
.app-vero .lead-media-nome {
  flex: 1; min-width: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; color: inherit; text-decoration: none;
}
.app-vero a.lead-media-nome:hover {
  text-decoration: underline;
}
.app-vero .lead-media-nota {
  flex-shrink: 0; font-size: 11px; font-weight: 700; color: var(--muted);
    text-transform: uppercase; letter-spacing: .03em;
}
.app-vero .lead-media-spenta {
  opacity: .68;
}
.app-vero .lead-media-scarica {
  flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 9px; color: var(--muted); text-decoration: none;
}
.app-vero .lead-media-scarica:hover {
  background: var(--line-soft); color: var(--accent);
}
.app-vero .lead-media-vocale {
  display: flex; align-items: center; gap: 6px; max-width: 100%;
}
.app-vero .lead-media-vocale audio {
  flex: 1; min-width: 0; max-width: 100%; height: 36px;
}
.app-vero .lead-media-video {
  display: block; max-width: 100%;
}
.app-vero .lead-media-video video {
  display: block; width: 100%; max-height: 260px; border-radius: 10px;
    border: 1px solid var(--line); background: #000;
}
.app-vero .lead-msg-sistema {
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px;
    border-radius: var(--pill); background: var(--line-soft); color: var(--muted);
    font-size: 12px; font-weight: 700; max-width: 100%;
}
.app-vero .lead-msg-chiamata {
  border: 1px solid var(--line); border-radius: 14px; background: var(--card); overflow: hidden;
}
.app-vero .lead-msg-chiamata-testa {
  display: flex; align-items: center; gap: 2px; padding: 4px;
}
.app-vero .lead-msg-chiamata-toggle {
  flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px;
    padding: 6px 8px; background: none; border: 0; cursor: pointer; color: inherit; font: inherit; text-align: left;
}
.app-vero .lead-msg-chiamata-toggle:hover {
  background: var(--line-soft); border-radius: 10px;
}
.app-vero .lead-msg-chiamata > :not(.lead-msg-chiamata-testa) {
  padding: 0 12px 12px;
}
.app-vero .lead-filtri {
  display:flex; align-items:center; gap:8px; overflow-x:auto; overflow-y:hidden;
    padding-bottom:2px; margin-bottom:18px; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.app-vero .lead-filtri::-webkit-scrollbar {
  display:none;
}
.app-vero .lead-filtri-sep {
  flex:0 0 auto; width:1px; align-self:stretch; margin:3px 1px; background:var(--line);
}
.app-vero body:has(.lead-chat-schermo) .app {
  height: 100vh; height: 100dvh; min-height: 0; overflow: hidden;
}
.app-vero body:has(.lead-chat-schermo) .main {
  display: flex; flex-direction: column; min-height: 0;
}
.app-vero body:has(.lead-chat-schermo) .tabbar {
  display: none;
}
.app-vero .lead-chat-schermo {
  flex: 1; min-height: 0; width: 100%; margin-inline: auto;
    display: flex; flex-direction: column; background: transparent;
}
.app-vero .chat-testa {
  flex: 0 0 auto; display: flex; align-items: center; gap: 8px;
    padding: calc(env(safe-area-inset-top) + 8px) 12px 8px;
    border-bottom: 1px solid var(--glass-edge);
    background: var(--glass-float); backdrop-filter: var(--glass-float-blur); -webkit-backdrop-filter: var(--glass-float-blur);
}
.app-vero .chat-testa-back, .app-vero .chat-testa-ico {
  flex: 0 0 auto; display: grid; place-items: center;
    width: 36px; height: 36px; border-radius: 10px;
    border: 0; background: transparent; color: var(--text); cursor: pointer;
    text-decoration: none; transition: background var(--t-fast), color var(--t-fast);
}
.app-vero .chat-testa-back:hover, .app-vero .chat-testa-ico:hover {
  background: var(--accent-tint); color: var(--accent-deep);
}
.app-vero .chat-testa-ico.spenta {
  opacity: .38; pointer-events: none;
}
.app-vero .chat-testa-nome {
  flex: 1; min-width: 0; margin: 0 2px;
    font-size: 15.5px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .chat-testa-azioni {
  flex: 0 0 auto; display: flex; align-items: center; gap: 2px;
}
.app-vero .chat-testa-azioni .btn.navy {
  width: 36px !important; height: 36px; padding: 0; border-radius: 10px;
    background: transparent; border: 0; color: var(--text); box-shadow: none;
}
.app-vero .chat-testa-azioni .btn.navy:hover {
  background: var(--accent-tint); color: var(--accent-deep); transform: none; box-shadow: none;
}
.app-vero .lead-chat-corpo {
  flex: 1; min-height: 0; display: flex; flex-direction: column;
}
.app-vero .lead-chat-cerca {
  flex: 0 0 auto; padding: 10px 12px 0;
}
.app-vero .lead-chat-cerca .field {
  margin-bottom: 0;
}
.app-vero .lead-chat-cerca .field input {
  padding-top: 8px; padding-bottom: 8px;
}
.app-vero .lead-chat-avvisi {
  flex: 0 0 auto; padding: 6px 12px 0;
}
.app-vero .lead-chat-scroll {
  flex: 1; min-width: 0; min-height: 0; overflow-y: auto; overflow-x: hidden;
    padding: 10px 12px 12px;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #0E2A55 0%, #0B2447 60%, #0A2040 100%);
    --text: #EEF4FC; --muted: #AFC2DD; --line: rgba(255,255,255,.16); --line-soft: rgba(255,255,255,.10);
}
.app-vero .lead-chat-scroll .lead-msg, .app-vero .lead-chat-scroll .lead-msg-chiamata {
  --text: #0B2447; --muted: #516480; --line: rgba(22,82,170,.14); --line-soft: rgba(22,82,170,.07);
    --card: #ffffff; --card-solid: #ffffff;
    color: var(--text);
}
.app-vero .lead-chat-scroll .lead-msg.cliente {
  background: #ffffff; border-color: rgba(255,255,255,.9);
}
.app-vero .lead-chat-scroll .lead-msg.agenzia {
  background: #D7E6FC; border-color: #9CC0F7;
}
.app-vero .lead-chat-scroll .lead-msg-sistema {
  background: rgba(255,255,255,.12); color: #DCE7F5;
}
.app-vero {
  --cerca-fondo: rgba(251,191,36,.13);
    --cerca-fondo-forte: rgba(251,191,36,.26);
    --cerca-bordo: rgba(251,191,36,.75);
    --cerca-parola: #ffe08a;
    --cerca-parola-testo: #40320a;
}
.app-vero .lead-msg-sistema-riga {
  display: flex; justify-content: center; margin: 4px 0;
}
.app-vero .lead-msg-riga.trovato .lead-msg, .app-vero .lead-msg-chiamata.trovato, .app-vero .lead-msg-sistema-riga.trovato .lead-msg-sistema {
  background-color: var(--cerca-fondo);
}
.app-vero .lead-msg-riga.corrente .lead-msg, .app-vero .lead-msg-chiamata.corrente, .app-vero .lead-msg-sistema-riga.corrente .lead-msg-sistema {
  background-color: var(--cerca-fondo-forte);
    box-shadow: 0 0 0 2px var(--cerca-bordo);
}
.app-vero .lead-comp {
  flex: 0 1 auto; max-height: 62%;
    display: flex; flex-direction: column; gap: 6px;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--glass-edge);
    background: var(--glass-float); backdrop-filter: var(--glass-float-blur); -webkit-backdrop-filter: var(--glass-float-blur);
    margin-bottom: var(--ag-tastiera, 0px);
}
.app-vero .lead-comp-sopra {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
    display: flex; flex-direction: column; gap: 6px;
}
.app-vero .lead-comp-riga {
  flex: 0 0 auto; display: flex; align-items: flex-end; gap: 6px; min-width: 0;
}
.app-vero .lead-comp-testo {
  flex: 1; min-width: 0; resize: none; overflow-y: auto;
    min-height: 40px; max-height: 132px;
    padding: 9px 13px; border: 1px solid var(--line); border-radius: 20px;
    font-size: 16px; line-height: 1.35; font-family: inherit;
    background: var(--card); color: var(--text);
    transition: border-color var(--t-fast), box-shadow var(--t-fast);
}
.app-vero .lead-comp-testo:focus {
  outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-tint);
}
.app-vero .lead-comp-testo::placeholder {
  color: var(--muted);
}
.app-vero .lead-comp-testo:disabled {
  opacity: .55;
}
.app-vero .lead-comp-ico {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
    border: 1px solid var(--line); background: var(--card); color: var(--muted); cursor: pointer;
    transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.app-vero .lead-comp-ico:hover {
  border-color: var(--accent-line); background: var(--accent-tint); color: var(--accent-deep);
}
.app-vero .lead-comp-azione {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
    border: 0; cursor: pointer; background: var(--accent); color: var(--accent-contrast);
    box-shadow: 0 4px 12px var(--accent-glow);
    transition: filter var(--t-fast), box-shadow var(--t-fast);
}
.app-vero .lead-comp-azione:hover:not(:disabled) {
  filter: brightness(1.06);
}
.app-vero .lead-comp-azione:disabled {
  opacity: .5; cursor: not-allowed; box-shadow: none;
}
.app-vero .lead-comp-vocale {
  flex: 1; min-width: 0; height: 40px; display: flex; align-items: center; gap: 8px;
    padding: 0 4px 0 10px; border: 1px solid var(--line); border-radius: 20px; background: var(--card);
}
.app-vero .lead-comp-vocale-durata {
  display: flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums;
    font-size: 14px; font-weight: 700; color: var(--text); white-space: nowrap;
}
.app-vero .lead-comp-vocale-pallino {
  width: 8px; height: 8px; border-radius: 50%; background: var(--rosso, #b42318); flex: 0 0 auto;
    animation: ring 1.4s var(--ease) infinite;
}
.app-vero .lead-comp-vocale-onda {
  flex: 1; display: flex; align-items: center; gap: 3px; min-width: 0; height: 100%;
}
.app-vero .lead-comp-vocale-onda span {
  flex: 1; min-width: 2px; max-width: 4px; height: 30%; border-radius: 2px;
    background: var(--line); transition: height var(--t-fast);
}
.app-vero .lead-comp-vocale-onda span.attiva {
  background: var(--accent); animation: onda-vocale 1s ease-in-out infinite;
}
.app-vero .lead-comp-vocale-onda span.attiva:nth-child(2) {
  animation-delay: .1s;
}
.app-vero .lead-comp-vocale-onda span.attiva:nth-child(3) {
  animation-delay: .2s;
}
.app-vero .lead-comp-vocale-onda span.attiva:nth-child(4) {
  animation-delay: .3s;
}
.app-vero .lead-comp-vocale-onda span.attiva:nth-child(5) {
  animation-delay: .4s;
}
.app-vero .lead-comp-chips {
  display: flex; gap: 6px; flex-wrap: wrap; align-items: center; min-width: 0;
    padding-block: 3px;
}
.app-vero .chip-canale-invio {
  display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 999px;
    font-size: 12px; font-weight: 700; font-family: inherit; cursor: pointer; white-space: nowrap;
    border: 1.5px solid var(--colore-canale); background: transparent; color: var(--colore-canale);
    transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast), opacity var(--t-fast);
}
.app-vero .chip-canale-invio:hover {
  filter: brightness(1.08);
}
.app-vero .chip-canale-invio.selezionata {
  background: var(--colore-canale-solido); border-color: var(--colore-canale-solido); color: #fff;
    box-shadow: var(--shadow-sm);
}
.app-vero .chip-canale-invio.non-disponibile {
  border-style: dashed; border-color: var(--line); background: var(--card); color: var(--muted);
    opacity: .7;
}
.app-vero .chip-canale-invio.non-disponibile.selezionata {
  border-style: dashed; background: var(--grigio-bg); border-color: var(--grigio); color: var(--muted);
    opacity: .85; box-shadow: none;
}
.app-vero .lead-comp-nota {
  margin: 0; font-size: 12px; line-height: 1.35;
}
.app-vero .lead-chat-ferma {
  display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 8px 12px;
    padding: 10px 12px;
    border: 1px solid var(--bordo, rgba(0, 0, 0, .12));
    border-radius: 12px;
    background: rgba(76,148,255, .14);
    font-size: var(--fs-sm, 14px);
}
.app-vero .lead-chat-ferma > span {
  min-width: 0;
}
.app-vero .lead-chat-ferma .btn {
  flex: 0 0 auto;
}
.app-vero .imm-hero-wrap {
  position: relative; margin-bottom: 16px;
}
.app-vero .imm-hero {
  position: relative; display: block; width: 100%; height: 280px; padding: 0; border: 0;
    border-radius: var(--r-lg); overflow: hidden; background: var(--card);
    box-shadow: var(--shadow-sm);
}
.app-vero .imm-hero-back {
  position: absolute; z-index: 2; left: 14px; top: calc(env(safe-area-inset-top) + 12px);
    width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%;
    background: rgba(255,255,255,.78); color: #0B2447; backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 4px 14px rgba(4,11,28,.18), inset 0 0 0 1px rgba(255,255,255,.6);
    transition: background var(--t-fast), transform var(--t-fast);
}
.app-vero .imm-hero-back:hover {
  background: rgba(255,255,255,.94);
}
.app-vero .imm-hero-back:active {
  transform: var(--press);
}
.app-vero .imm-fatti {
  display: flex; gap: 8px; margin: 0 0 14px; padding-bottom: 2px;
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.app-vero .imm-fatti::-webkit-scrollbar {
  display: none;
}
.app-vero .imm-fatto {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
    padding: 8px 12px; border-radius: var(--pill); cursor: pointer;
    border: 1px solid var(--line); background: var(--card); color: var(--text);
    font-size: 13.5px; font-weight: 700;
    transition: border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);
}
.app-vero .imm-fatto:hover {
  border-color: var(--accent); background: var(--accent-tint);
}
.app-vero .imm-fatto:active {
  transform: var(--press);
}
.app-vero .imm-fatto .eti {
  color: var(--muted); font-weight: 600;
}
.app-vero .imm-fatto.vuoto .val {
  color: var(--muted);
}
.app-vero .imm-luogo {
  display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
    padding: 11px 12px; margin: 0 0 18px; cursor: pointer;
    border: 1px solid var(--line); border-radius: var(--r); background: var(--card); color: var(--text);
    transition: border-color var(--t-fast), transform var(--t-fast);
}
.app-vero .imm-luogo:hover {
  border-color: var(--accent);
}
.app-vero .imm-luogo:active {
  transform: var(--press);
}
.app-vero .imm-luogo .zona {
  font-weight: 700; font-size: 15px;
}
.app-vero .imm-luogo .via {
  color: var(--muted); font-size: 13.5px; margin-top: 2px;
}
.app-vero .imm-fab {
  position: fixed; z-index: 44;
    right: 18px; bottom: calc(78px + env(safe-area-inset-bottom));
    width: 60px; height: 60px; border-radius: 50%;
    display: grid; place-items: center;
    background: linear-gradient(180deg, var(--accent-bright), var(--accent));
    color: var(--accent-contrast);
    box-shadow: 0 10px 26px var(--accent-glow), 0 3px 10px rgba(3,9,24, .22);
}
.app-vero .imm-fab:hover {
  box-shadow: 0 12px 30px var(--accent-glow), 0 4px 12px rgba(3,9,24, .28);
}
.app-vero body:has(.assist-panel) .imm-fab {
  display: none;
}
.app-vero .ag-pista {
  display: flex; height: 100%; width: 100%;
    overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.app-vero .ag-pista::-webkit-scrollbar {
  display: none;
}
.app-vero .ag-pista > * {
  position: relative; flex: 0 0 100%; height: 100%; width: 100%; overflow: hidden;
    scroll-snap-align: center; scroll-snap-stop: always;
}
.app-vero .imm-hero-slide {
  padding: 0; border: 0; background: none; cursor: zoom-in;
}
.app-vero .imm-hero-vuoto {
  display: grid; place-items: center; height: 100%; opacity: .5;
}
.app-vero .imm-hero-scrim {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background:
      linear-gradient(180deg, rgba(4,11,28,.62) 0%, rgba(4,11,28,.45) 26%, rgba(4,11,28,0) 60%),
      linear-gradient(0deg, rgba(2,7,18,.55) 0%, rgba(2,7,18,.30) 13%, rgba(2,7,18,0) 34%);
}
.app-vero .imm-hero-testa {
  position: absolute; z-index: 2; right: 14px; top: calc(env(safe-area-inset-top) + 14px);
    display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
}
.app-vero .imm-hero-act {
  width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center;
    border: 0; border-radius: 50%; cursor: pointer;
    background: rgba(255,255,255,.78); color: #0B2447; backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 4px 14px rgba(4,11,28,.18), inset 0 0 0 1px rgba(255,255,255,.6);
    transition: background var(--t-fast), transform var(--t-fast);
}
.app-vero .imm-hero-act:hover {
  background: rgba(255,255,255,.94);
}
.app-vero .imm-hero-act[disabled] {
  opacity: .55; cursor: default;
}
.app-vero .imm-hero-piede {
  position: absolute; z-index: 2; left: 14px; right: 14px; bottom: 14px;
    display: flex; align-items: flex-end; justify-content: space-between; gap: 10px;
    pointer-events: none;
}
.app-vero .imm-hero-piede-sx {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0;
}
.app-vero .imm-hero-barra {
  pointer-events: auto; flex: 0 0 auto;
    display: flex; align-items: center; gap: 2px; padding: 3px;
    border-radius: 999px; background: rgba(255,255,255,.78); backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 4px 14px rgba(4,11,28,.18), inset 0 0 0 1px rgba(255,255,255,.6);
}
.app-vero .imm-hero-act.imm-hero-act-piatta {
  background: none; box-shadow: none; backdrop-filter: none;
}
.app-vero .imm-hero-act.imm-hero-act-piatta:hover {
  background: rgba(11,36,71,.08);
}
.app-vero .imm-hero-etichetta {
  pointer-events: auto; align-self: flex-start;
    padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .02em;
    background: rgba(5,12,30,.72); color: #CFE0FB; border: 1px solid rgba(76,148,255,.5);
    backdrop-filter: blur(6px);
}
.app-vero .imm-hero-conta {
  pointer-events: auto; flex: 0 0 auto;
    padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 800;
    font-variant-numeric: tabular-nums;
    background: rgba(5,12,30,.62); color: #fff; backdrop-filter: blur(6px);
}
.app-vero .ag-sheet.imm-foto-foglio {
  max-width: 520px;
    background: #06112A; color: #fff;
    border-top: 1px solid rgba(255,255,255,.14);
}
.app-vero .ag-sheet.imm-foto-foglio .grabber {
  background: rgba(255,255,255,.28);
}
.app-vero .ag-sheet.imm-foto-foglio .btn.ghost {
  background: rgba(255,255,255,.08); color: #fff; border-color: rgba(255,255,255,.2);
}
.app-vero {
  --sez-foto-largo: 1600px;
}
.app-vero .sez-foto-schermo {
  display: flex; flex-direction: column; min-height: 100%;
}
.app-vero .sez-foto-scorre {
  flex: 1 1 auto; min-height: 0;
}
.app-vero .sez-corpo:has(.sez-foto-schermo) {
  padding-top: 0; padding-bottom: 0;
}
.app-vero .sez-foto-scorre .sez-barra {
  padding-top: 12px;
}
.app-vero .sez-barra:has(.sez-foto-conta-riga) {
  flex-wrap: wrap;
}
.app-vero .sez-barra:has(.sez-foto-conta-riga) .sez-filtri {
  flex-basis: 0;
}
.app-vero .sez-foto-conta-riga {
  flex: 1 0 100%; display: flex; justify-content: flex-end; margin-top: 8px;
}
.app-vero .sez-foto-conta {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
    min-height: 34px; padding: 6px 12px; border-radius: var(--pill); cursor: pointer;
    background: var(--accent); color: var(--accent-contrast); border: 1px solid var(--accent);
    font-size: 12.5px; font-weight: 700; white-space: nowrap;
    transition: background var(--t-fast), border-color var(--t-fast);
}
.app-vero .sez-foto-conta:hover {
  background: var(--accent-deep); border-color: var(--accent-deep);
}
.app-vero .sez-foto-avviso {
  margin: 0 0 10px; padding: 10px 12px; border-radius: var(--r-sm);
    background: var(--accent-tint); border: 1px solid var(--accent-line);
    color: var(--text); font-size: 13px; line-height: 1.45;
}
.app-vero .sez-foto-griglia {
  list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.app-vero .sez-foto-tile {
  position: relative;
}
.app-vero .sez-foto-apri {
  display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden;
    border: none; padding: 0; border-radius: var(--r); cursor: zoom-in;
    background: var(--card);
}
.app-vero .sez-foto-apri img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.app-vero .sez-foto-tile.scelta .sez-foto-apri {
  outline: 3px solid var(--accent); outline-offset: -3px;
}
.app-vero .sez-foto-spunta {
  position: absolute; top: 0; left: 0; width: 44px; height: 44px; z-index: 1;
    display: grid; place-items: center; cursor: pointer;
}
.app-vero .sez-foto-spunta input {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;
}
.app-vero .sez-foto-spunta-q {
  width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center;
    background: rgba(5,12,30, .55); border: 1.5px solid rgba(255, 255, 255, .78);
    color: transparent; backdrop-filter: blur(4px);
    transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast);
}
.app-vero .sez-foto-spunta input:checked + .sez-foto-spunta-q {
  background: var(--accent); border-color: var(--accent); color: var(--accent-contrast);
}
.app-vero .sez-foto-spunta input:focus-visible + .sez-foto-spunta-q {
  box-shadow: 0 0 0 3px var(--accent-glow);
}
.app-vero .sez-foto-maniglia {
  position: absolute; top: 0; right: 0; width: 44px; height: 44px; z-index: 1;
    display: grid; place-items: center; border: none; background: none; cursor: grab;
    color: #fff; touch-action: none;
    -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
}
.app-vero .sez-foto-maniglia::before {
  content: ""; position: absolute; width: 30px; height: 30px; border-radius: 50%;
    background: rgba(5,12,30, .55); backdrop-filter: blur(4px);
}
.app-vero .sez-foto-maniglia svg {
  position: relative;
}
.app-vero .sez-foto-maniglia:active {
  cursor: grabbing;
}
.app-vero .sez-foto-maniglia:disabled {
  opacity: .45; cursor: default;
}
.app-vero .sez-foto-maniglia:focus-visible {
  outline: none; border-radius: 50%; box-shadow: 0 0 0 3px var(--accent-glow), 0 0 0 5px #fff;
}
.app-vero .sez-foto-tile.in-presa {
  opacity: .62; transform: scale(.96);
}
.app-vero .sez-foto-tile.in-presa .sez-foto-apri, .app-vero .sez-foto-tile.in-presa .sez-foto-vuota {
  outline: 2px dashed var(--accent); outline-offset: -2px;
}
.app-vero .sez-foto-riordino-nota {
  margin: 0 0 8px; font-size: 12px; line-height: 1.4; color: var(--muted);
    display: flex; align-items: center; gap: 6px;
}
.app-vero .sez-foto-num, .app-vero .sez-foto-cop, .app-vero .sez-foto-pend {
  pointer-events: none;
}
.app-vero .sez-foto-num {
  position: absolute; left: 8px; bottom: 8px; z-index: 1;
    min-width: 22px; height: 22px; padding: 0 6px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: var(--pill); font-size: 11.5px; font-weight: 800;
    background: rgba(5,12,30, .62); color: #fff; backdrop-filter: blur(4px);
}
.app-vero .sez-foto-cop {
  position: absolute; right: 8px; bottom: 8px; z-index: 1; padding: 3px 9px;
    border-radius: var(--pill); font-size: 11px; font-weight: 800; letter-spacing: .02em;
    background: rgba(5,12,30, .74); color: #7AB2FF; border: 1px solid rgba(122,178,255,.35);
    backdrop-filter: blur(4px);
}
.app-vero .sez-foto-render {
  position: absolute; top: 48px; left: 8px; z-index: 1; pointer-events: none;
    max-width: calc(100% - 16px); padding: 3px 8px;
    border-radius: var(--pill); font-size: 10.5px; font-weight: 800;
    letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis;
    background: rgba(5,12,30, .74); color: #F2E3A6; border: 1px solid rgba(223,207,134,.42);
    backdrop-filter: blur(4px);
}
.app-vero .sez-foto-render.dentro {
  color: #7AB2FF; border-color: rgba(122,178,255,.42);
}
.app-vero .sez-foto-pend {
  position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 1;
    width: 12px; height: 12px; border-radius: 50%;
    background: var(--giallo); box-shadow: 0 0 0 3px rgba(5,12,30, .55);
}
.app-vero .sez-foto-fondo {
  position: sticky; bottom: 0; z-index: 4;
    margin: 12px -14px 0;
    padding: 10px 14px calc(env(safe-area-inset-bottom) + 10px);
    background: var(--bg); border-top: 1px solid var(--line);
}
.app-vero .sez-foto-fondo-t {
  margin-bottom: 7px; font-size: 12.5px; font-weight: 800; letter-spacing: .02em;
    color: var(--muted);
}
.app-vero .sez-foto-azioni {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
}
.app-vero .sez-foto-azione {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    min-height: 52px; padding: 8px 6px; font-size: 12px; line-height: 1.15; text-align: center;
    white-space: normal;
}
.app-vero .sez-foto-azione.attiva {
  background: var(--accent-tint); border-color: var(--accent-line); color: var(--accent-deep);
}
.app-vero .sez-foto-altre {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
    min-height: 44px; margin-top: 8px; padding: 8px 12px; cursor: pointer;
    border: 1px solid var(--line); border-radius: var(--r-sm);
    background: var(--card); color: var(--text); font-size: 13.5px; font-weight: 600;
    text-align: left;
}
.app-vero .sez-foto-altre:hover {
  border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .sez-foto-freccia {
  flex: 0 0 auto; transition: transform var(--t-fast);
}
.app-vero .sez-foto-freccia.girata {
  transform: rotate(180deg);
}
.app-vero .sez-foto-perche {
  margin: 8px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--muted);
}
.app-vero .sez-foto-cta {
  width: 100%; min-height: 48px; margin-top: 10px; justify-content: center; font-size: 15px;
}
.app-vero .sez-foto-cta-nota {
  margin: 6px 0 0; text-align: center; font-size: 11.5px; line-height: 1.4; color: var(--muted);
}
.app-vero {
  --lav-riordina-piano: var(--accent);
    --lav-riordina-su:    var(--accent-contrast);
    --lav-riordina-tint:  var(--accent-tint);
    --lav-svuota-piano:   var(--navy);
    --lav-svuota-su:      #ffffff;
    --lav-svuota-tint:    var(--navy-tint);
    --lav-arreda-piano:   var(--verde);
    --lav-arreda-su:      #ffffff;
    --lav-arreda-tint:    var(--verde-bg);
    --lav-neutro-piano:   var(--grigio);
    --lav-neutro-su:      var(--navy-dark);
    --lav-neutro-tint:    var(--grigio-bg);
}
.app-vero .sez-foto-fondo-riga {
  display: flex; align-items: center; gap: 8px;
}
.app-vero .sez-foto-conta-pallino {
  flex: 0 0 auto; min-width: 22px; height: 22px; padding: 0 7px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: var(--pill); background: var(--accent); color: var(--accent-contrast);
    font-size: 12px; font-weight: 800; letter-spacing: 0;
}
.app-vero .sez-foto-svuota-sel {
  margin-left: auto; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px;
    min-height: 32px; padding: 4px 10px; cursor: pointer;
    border: 1px solid var(--line); border-radius: var(--pill); background: none;
    color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: 0;
}
.app-vero .sez-foto-svuota-sel:hover {
  color: var(--text); border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .sez-foto-azione.attiva.tinta-riordina {
  background: var(--lav-riordina-piano); border-color: var(--lav-riordina-piano);
    color: var(--lav-riordina-su);
}
.app-vero .sez-foto-azione.attiva.tinta-svuota {
  background: var(--lav-svuota-piano); border-color: var(--lav-svuota-piano);
    color: var(--lav-svuota-su);
}
.app-vero .sez-foto-azione.attiva.tinta-arreda {
  background: var(--lav-arreda-piano); border-color: var(--lav-arreda-piano);
    color: var(--lav-arreda-su);
}
.app-vero .sez-foto-avanz {
  display: flex; align-items: center; gap: 9px; margin: 0 0 9px;
    font-size: 12.5px; font-weight: 700; color: var(--text);
}
.app-vero .sez-foto-avanz-barra {
  flex: 1 1 auto; min-width: 60px; height: 6px; border-radius: var(--pill);
    background: var(--line); overflow: hidden;
}
.app-vero .sez-foto-avanz-riemp {
  height: 100%; border-radius: var(--pill); background: var(--accent);
    transition: width var(--t);
}
.app-vero .sez-foto-blocco {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
    margin: 8px 0 0; padding: 9px 11px; border-radius: var(--r-sm);
    background: var(--rosso-bg); border: 1px solid var(--rosso);
    color: var(--rosso-text); font-size: 12.5px; line-height: 1.45;
}
.app-vero .sez-foto-nota {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
    margin: 8px 0 0; padding: 9px 11px; border-radius: var(--r-sm);
    background: var(--giallo-bg); border: 1px solid var(--giallo);
    color: var(--giallo); font-size: 12.5px; line-height: 1.45;
}
.app-vero .sez-foto-rimedio {
  flex: 0 0 auto; min-height: 34px; padding: 6px 12px; cursor: pointer;
    border: 1px solid currentColor; border-radius: var(--pill); background: none;
    color: inherit; font-size: 12px; font-weight: 800;
}
.app-vero .sez-foto-pallino {
  position: absolute; right: 8px; bottom: 8px; z-index: 1; width: 14px; height: 14px;
    border-radius: 50%; pointer-events: none; box-shadow: 0 0 0 3px rgba(5,12,30, .55);
}
.app-vero .sez-foto-pallino.tinta-riordina {
  background: var(--lav-riordina-piano);
}
.app-vero .sez-foto-pallino.tinta-svuota {
  background: var(--lav-svuota-piano);
}
.app-vero .sez-foto-pallino.tinta-arreda {
  background: var(--lav-arreda-piano);
}
.app-vero .sez-foto-pallino.tinta-neutro {
  background: var(--lav-neutro-piano);
}
.app-vero .sez-foto-vuota {
  position: relative;
    display: grid; place-items: center; gap: 6px; width: 100%; aspect-ratio: 4 / 3; padding: 10px;
    border-radius: var(--r); background: var(--card); border: 1px dashed var(--line);
    text-align: center; overflow: hidden;
}
.app-vero .sez-foto-riprova {
  min-height: 32px; padding: 5px 12px; cursor: pointer;
    border: 1px solid var(--accent-line); border-radius: var(--pill);
    background: var(--accent-tint); color: var(--text); font-size: 12px; font-weight: 800;
}
.app-vero .sez-foto-riprova:disabled {
  color: var(--muted); cursor: default;
}
.app-vero .sez-foto-velo {
  position: absolute; inset: 0; z-index: 1; border-radius: var(--r);
    display: grid; place-items: center; pointer-events: none;
    background: rgba(3,9,24, .52); backdrop-filter: blur(2px);
}
.app-vero .sez-foto-giro {
  width: 30px; height: 30px; border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .28); border-top-color: #fff;
    animation: spin 1s linear infinite;
}
.app-vero .sez-foto-tile.evidenza::after {
  content: ""; position: absolute; inset: -3px; z-index: 2; pointer-events: none;
    border: 2px solid var(--gold); border-radius: calc(var(--r) + 3px);
    animation: badgePulse 1.8s ease-in-out infinite;
}
.app-vero .sez-foto-novita {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin: 0 0 10px; padding: 9px 12px; border-radius: var(--r-sm);
    background: var(--gold-tint); border: 1px solid var(--gold-glow);
    color: var(--text); font-size: 13px; line-height: 1.4;
}
.app-vero .sez-foto-novita-ok {
  margin-left: auto; flex: 0 0 auto; min-height: 34px; padding: 6px 12px; cursor: pointer;
    border: 1px solid var(--gold); border-radius: var(--pill); background: none;
    color: var(--text); font-size: 12px; font-weight: 800;
}
.app-vero .sez-foto-foglio-testa {
  display: flex; align-items: center; gap: 10px; margin: 0 0 14px;
}
.app-vero .sez-foto-indietro {
  flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; cursor: pointer;
    border: 1px solid var(--line); border-radius: var(--r-sm); background: none; color: var(--text);
}
.app-vero .sez-foto-indietro:hover {
  border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .sez-foto-foglio-tit {
  flex: 1 1 auto; min-width: 0; font-size: 17px; font-weight: 800;
}
.app-vero .sez-foto-indietro:has(.sez-foto-indietro-t) {
  width: auto; min-width: 40px; padding: 0 10px 0 4px;
    grid-auto-flow: column; gap: 2px; color: var(--accent); border-color: var(--accent-line);
}
.app-vero .sez-foto-indietro-t {
  font-size: 14px; font-weight: 700;
}
.app-vero .sez-foto-foglio-x {
  flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; cursor: pointer;
    border: 1px solid var(--line); border-radius: 50%; background: var(--card); color: var(--text);
}
.app-vero .sez-foto-foglio-x:hover {
  border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .sez-foto-riga-tit {
  display: block; font-weight: 700; font-size: 15px;
}
.app-vero .sez-foto-riga-sub {
  display: block; font-size: 13px; margin-top: 2px;
}
.app-vero .sez-foto-amb-griglia {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0 0 16px;
}
.app-vero .sez-foto-amb {
  display: flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 48px; padding: 8px 10px; cursor: pointer;
    border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--card);
    color: var(--text); font-size: 13px; font-weight: 600; text-align: center;
}
.app-vero .sez-foto-amb:hover {
  border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .sez-foto-amb.attivo {
  background: var(--accent); border-color: var(--accent); color: var(--accent-contrast);
}
.app-vero .sez-foto-stili {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.app-vero .sez-foto-stile {
  min-height: 36px; padding: 7px 13px; cursor: pointer;
    border: 1px solid var(--line); border-radius: var(--pill); background: var(--card);
    color: var(--text); font-size: 12.5px; font-weight: 700;
}
.app-vero .sez-foto-stile.attivo {
  background: var(--lav-arreda-piano); border-color: var(--lav-arreda-piano);
    color: var(--lav-arreda-su);
}
.app-vero .sez-foto-rif {
  display: flex; align-items: center; gap: 9px; padding: 9px 11px;
    border: 1px dashed var(--line); border-radius: var(--r-sm); color: var(--muted);
    font-size: 12.5px; cursor: pointer;
}
.app-vero .sez-foto-rif-mini {
  width: 44px; height: 33px; object-fit: cover; border-radius: 6px;
}
.app-vero .sez-foto-rif-nome {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: var(--text);
}
.app-vero .sez-foto-rif-x {
  flex: 0 0 auto; width: 32px; height: 32px; display: grid; place-items: center; cursor: pointer;
    border: none; border-radius: 50%; background: none; color: var(--muted);
}
.app-vero .plan-fondo-azioni .btn {
  min-height: 44px; padding: 10px 14px; font-size: 14px; gap: 6px;
}
.app-vero .plan-azioni .btn {
  padding: 7px 12px; font-size: 13px; display: inline-flex; align-items: center; gap: 5px;
}
.app-vero .punti-azioni .btn {
  padding: 7px 12px; font-size: 13px; display: inline-flex; align-items: center; gap: 5px;
}
.app-vero .tour-percorso-t .muted {
  font-size: 12px; font-weight: 600;
}
.app-vero .tour-fondo-azioni .btn {
  min-height: 44px; padding: 10px 14px; font-size: 14px; gap: 6px;
}
.app-vero .imm-sezioni-fascia {
  position: relative; flex: 1 1 auto; min-width: 0;
}
.app-vero .imm-sezioni-fascia::before, .app-vero .imm-sezioni-fascia::after {
  content: ""; position: absolute; top: 0; bottom: 0; width: 24px; z-index: 1;
    pointer-events: none; opacity: 0; transition: opacity var(--t-fast);
}
.app-vero .imm-sezioni-fascia::before {
  left: 0; background: linear-gradient(90deg, var(--bg), transparent);
}
.app-vero .imm-sezioni-fascia::after {
  right: 0; background: linear-gradient(270deg, var(--bg), transparent);
}
.app-vero .imm-sezioni-fascia.sfuma-sx::before {
  opacity: 1;
}
.app-vero .imm-sezioni-fascia.sfuma-dx::after {
  opacity: 1;
}
.app-vero .imm-sezioni {
  width: 100%; min-width: 0;
    display: flex; align-items: center; gap: 8px;
    padding: 3px 0; margin: 0;
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain;
}
.app-vero .imm-sezioni::-webkit-scrollbar {
  display: none;
}
.app-vero .imm-sez-btn {
  flex: 0 0 auto; min-width: 58px; min-height: 46px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    padding: 5px 9px; line-height: 1.1;
    border: 0; border-radius: var(--r); cursor: pointer;
    background: var(--card-solid); color: var(--text);
    box-shadow: var(--shadow-sm), inset 0 0 0 1px var(--line);
    transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast);
}
.app-vero .imm-sez-t {
  font-size: 10.5px; font-weight: 700; white-space: nowrap; letter-spacing: .01em;
}
.app-vero .imm-sez-btn:hover {
  background: var(--accent-tint); color: var(--accent-deep);
}
.app-vero .imm-sez-btn:active {
  transform: var(--press);
}
.app-vero .ag-sheet.racconta {
  display: flex; flex-direction: column; gap: 14px;
}
.app-vero .racconta-testa {
  display: flex; align-items: flex-start; gap: 14px;
}
.app-vero .racconta-testa > button {
  margin-left: auto;
}
.app-vero .racconta-foto {
  display: flex; gap: 8px; margin: 0; padding: 2px 0 6px; list-style: none;
    overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.app-vero .racconta-foto::-webkit-scrollbar {
  display: none;
}
.app-vero .racconta-foto > li {
  position: relative; flex: 0 0 auto; width: 72px; height: 72px;
    border-radius: 12px; overflow: hidden; background: var(--bg-2);
    box-shadow: inset 0 0 0 1px var(--line);
}
.app-vero .racconta-foto img, .app-vero .racconta-foto .vuota {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.app-vero .racconta-foto > li > button {
  position: absolute; right: 3px; top: 3px; width: 24px; height: 24px; padding: 0;
    display: grid; place-items: center; border: 0; border-radius: 50%; cursor: pointer;
    background: rgba(4,11,28,.78); color: #EAF1FB; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
    transition: background var(--t-fast), transform var(--t-fast);
}
.app-vero .racconta-foto > li > button:hover {
  background: rgba(4,11,28,.95);
}
.app-vero .racconta-foto > li > button:active {
  transform: var(--press);
}
.app-vero .racconta-foto > li > button:disabled {
  opacity: .5; cursor: default;
}
.app-vero .sez-video-coda .btn {
  min-height: 44px;
}
.app-vero .graf-p.muted {
  color: var(--muted);
}
.app-vero .graf-voce.statica {
  cursor: default;
}
.app-vero .asez-lato {
  display: flex; flex-direction: column; min-height: 0; min-width: 0;
    background: var(--card); border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);
    overflow: hidden;
}
.app-vero .asez-lato-testa {
  display: flex; align-items: center; gap: 8px; padding: 12px 12px 10px;
}
.app-vero .asez-cerca {
  flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px;
    background: var(--accent-tint); border: 1px solid var(--line);
    border-radius: 999px; padding: 0 12px; color: var(--muted);
}
.app-vero .asez-cerca input {
  flex: 1; min-width: 0; height: 38px; border: 0; background: transparent;
    color: var(--text); font: inherit; font-size: var(--fs-sm);
}
.app-vero .asez-cerca input::placeholder {
  color: var(--muted);
}
.app-vero .asez-cerca input:focus {
  outline: none;
}
.app-vero .asez-cerca:focus-within {
  border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow);
}
.app-vero .asez-piu {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 999px; cursor: pointer;
    display: grid; place-items: center;
    background: var(--accent); color: var(--accent-contrast); border: 0;
}
.app-vero .asez-piu:hover {
  background: var(--accent-deep);
}
.app-vero .asez-chat-lista {
  flex: 1; min-height: 0; overflow-y: auto; padding: 8px 8px 16px;
}
.app-vero .asez-chat-riga {
  display: flex; align-items: center; gap: 2px;
}
.app-vero .asez-chat-voce {
  flex: 1; min-width: 0; display: flex; align-items: center; gap: 11px; text-align: left;
    padding: 10px; border-radius: var(--radius-sm); cursor: pointer;
    background: transparent; border: 1px solid transparent; color: var(--text); font: inherit;
}
.app-vero .asez-chat-voce:hover {
  background: var(--accent-tint);
}
.app-vero .asez-chat-voce.on {
  background: var(--accent-tint); border-color: var(--accent-line);
}
.app-vero .asez-chat-ico {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;
    background: var(--accent-tint); color: var(--accent-deep); box-shadow: inset 0 0 0 1px var(--accent-line);
}
.app-vero .asez-chat-ico.browser {
  background: var(--viola-bg); color: var(--viola-solido); box-shadow: inset 0 0 0 1px var(--viola-bg);
}
.app-vero .asez-chat-testo {
  flex: 1; min-width: 0; display: grid; gap: 3px;
}
.app-vero .asez-chat-riga1 {
  display: flex; align-items: baseline; gap: 8px; min-width: 0;
}
.app-vero .asez-chat-titolo {
  flex: 1; min-width: 0; font-weight: var(--fw-bold); font-size: var(--fs-sm);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .asez-chat-ora {
  flex: 0 0 auto; font-size: var(--fs-xs); color: var(--muted);
}
.app-vero .asez-chat-riga2 {
  display: flex; align-items: center; gap: 6px; min-width: 0;
}
.app-vero .asez-chat-anteprima {
  flex: 1; min-width: 0; font-size: 12.5px; color: var(--muted);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .asez-chat-azioni {
  width: 34px; height: 34px; border-radius: 10px;
}
.app-vero .asez-centro {
  position: relative;
    display: flex; flex-direction: column; min-height: 0; min-width: 0;
    background: var(--card); border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);
    overflow: hidden;
}
.app-vero .asez-centro-testa {
  position: absolute; top: 0; left: 0; right: 0; z-index: 3;
    display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center; gap: 8px; padding: 8px 12px;
    background: transparent; pointer-events: none;
}
.app-vero .asez-centro-testa > * {
  pointer-events: auto;
}
.app-vero .asez-testa-lato {
  display: flex; align-items: center; gap: 4px; min-width: 0;
}
.app-vero .asez-testa-dx {
  justify-content: flex-end;
}
.app-vero .asez-centro-marchio {
  display: grid; place-items: center;
}
.app-vero .asez-centro-ico {
  flex: 0 0 auto; display: grid; place-items: center; color: var(--accent-deep);
}
.app-vero .asez-centro-titolo {
  flex: 1; min-width: 0; margin: 0; font-size: var(--fs-md); font-weight: var(--fw-black);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .asez-icona {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 11px; cursor: pointer;
    display: grid; place-items: center;
    background: transparent; border: 1px solid var(--line); color: var(--muted);
}
.app-vero .asez-icona:hover {
  color: var(--text); border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .asez-passo-testa {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 3px;
}
.app-vero .asez-passo-n {
  font-weight: var(--fw-bold); font-size: var(--fs-xs); color: var(--accent-deep);
}
.app-vero .asez-nuovo-compito .field {
  margin-bottom: 10px;
}
.app-vero .asez-piede {
  border-top: 1px solid var(--line); padding: 10px 14px;
}
.app-vero .asez-finestra {
  display: flex; flex-direction: column; min-height: 0; min-width: 0;
    background: var(--card); border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);
    overflow: hidden auto; padding-bottom: 10px;
}
.app-vero .asez-fin-testa {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--line);
}
.app-vero .asez-fin-testa .ag-chip {
  width: 34px; height: 34px; border-radius: 11px;
}
.app-vero .asez-fin-titolo {
  flex: 1; min-width: 0; margin: 0; font-size: var(--fs-sm); font-weight: var(--fw-black);
}
.app-vero .asez-fin-vetro {
  flex: 0 0 auto;
    display: block; width: calc(100% - 24px); margin: 12px; text-align: left; cursor: pointer;
    border-radius: 14px; border: 1px solid var(--line); background: var(--card-solid);
    overflow: hidden; color: inherit; font: inherit; padding: 0;
}
.app-vero .asez-fin-vetro:hover {
  border-color: var(--accent-line); box-shadow: var(--glow-teal);
}
.app-vero .asez-fin-barra {
  display: flex; align-items: center; gap: 8px; padding: 8px 10px;
    background: var(--accent-tint); border-bottom: 1px solid var(--line);
}
.app-vero .asez-fin-semafori {
  display: flex; gap: 4px; flex: 0 0 auto;
}
.app-vero .asez-fin-semafori i {
  width: 8px; height: 8px; border-radius: 999px; background: var(--line); display: block;
}
.app-vero .asez-fin-url {
  flex: 1; min-width: 0; font-size: var(--fs-xs); color: var(--muted);
    background: var(--bg-2); border-radius: 999px; padding: 4px 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.app-vero .asez-fin-pagina {
  position: relative; display: block; padding: 14px 14px 16px; min-height: 108px;
}
.app-vero .asez-fin-pagina.con-foto {
  padding: 0; min-height: 0;
}
.app-vero .asez-fin-foto {
  display: block; width: 100%; height: auto;
    aspect-ratio: 16 / 10; object-fit: cover; object-position: top center;
    background: var(--bg-2);
}
.app-vero .asez-fin-didascalia {
  display: block; padding: 12px 14px 14px;
}
.app-vero .asez-fin-pagina:not(.con-foto) .asez-fin-didascalia {
  padding: 0;
}
.app-vero .asez-fin-doc {
  display: block; font-weight: var(--fw-bold); font-size: var(--fs-sm); margin-bottom: 6px; overflow-wrap: anywhere;
}
.app-vero .asez-fin-azione {
  display: block; font-size: 13px; color: var(--muted); line-height: 1.5; overflow-wrap: anywhere;
}
.app-vero .asez-fin-battito {
  position: absolute; right: 12px; top: 12px; width: 9px; height: 9px; border-radius: 999px;
    background: var(--verde-solido);
    animation: asezBattito 1.8s var(--ease) infinite;
}
.app-vero .asez-fin-senza-foto {
  display: block; margin: 14px 14px 0; padding: 12px 13px;
    border-radius: 12px; border: 1px dashed var(--line); background: var(--bg-2);
    font-size: var(--fs-xs); color: var(--muted); line-height: 1.5;
}
.app-vero .asez-fin-corsie {
  padding: 10px 14px 0; flex: 0 0 auto;
}
.app-vero .asez-fin-corsie-t {
  margin: 0 0 8px;
}
.app-vero .asez-fin-corsie-lista {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 6px;
}
.app-vero .asez-fin-corsia {
  display: flex; align-items: stretch; gap: 6px;
    border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden;
    background: transparent;
}
.app-vero .asez-fin-corsia.scelta {
  border-color: var(--accent-line); background: var(--accent-tint);
}
.app-vero .asez-fin-corsia-b {
  flex: 1; min-width: 0; display: grid; gap: 2px; text-align: left; cursor: pointer;
    padding: 8px 10px; background: transparent; border: 0; color: var(--text); font: inherit;
}
.app-vero .asez-fin-corsia-b:hover {
  background: var(--accent-tint);
}
.app-vero .asez-fin-corsia-n {
  font-size: var(--fs-xs); font-weight: var(--fw-bold); overflow-wrap: anywhere;
}
.app-vero .asez-fin-corsia-ob {
  margin: 0; font-size: var(--fs-xs);
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.app-vero .asez-fin-corsia-x {
  flex: 0 0 auto; cursor: pointer; padding: 0 11px; font: inherit; font-size: var(--fs-xs);
    background: transparent; border: 0; border-left: 1px solid var(--line); color: var(--rosso-text);
}
.app-vero .asez-fin-corsia-x:disabled {
  opacity: .6; cursor: default;
}
.app-vero .asez-fin-corsie-tutti {
  margin-top: 8px; width: 100%;
}
.app-vero .asez-fin-stato {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 0 14px;
    flex: 0 0 auto;
}
.app-vero .asez-fin-stato .hint {
  margin: 0;
}
.app-vero .asez-fin-nota {
  padding: 0 14px; margin: 10px 0 0; flex: 0 0 auto;
}
.app-vero .asez-fin-vuoto {
  padding: 26px 18px; text-align: center; overflow-y: auto;
}
.app-vero .asez-fin-vuoto-ico {
  margin: 0 auto 12px; width: 54px; height: 54px; border-radius: 999px;
}
.app-vero .asez-fin-vuoto-t {
  margin: 0 0 6px; font-weight: var(--fw-black); font-size: var(--fs-md);
}
.app-vero .asez-fin-vuoto-sep {
  margin: 22px 0 8px; font-size: var(--fs-xs); color: var(--muted);
    text-transform: uppercase; letter-spacing: .08em; text-align: left;
}
.app-vero .asez-fin-recenti {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 6px;
}
.app-vero .asez-fin-recente {
  display: grid; gap: 2px; width: 100%; text-align: left; cursor: pointer;
    padding: 9px 11px; border-radius: var(--radius-sm);
    background: transparent; border: 1px solid var(--line); color: var(--text); font: inherit;
}
.app-vero .asez-fin-recente:hover {
  background: var(--accent-tint); border-color: var(--accent-line);
}
.app-vero .asez-fin-recente-t {
  font-size: 13px; font-weight: var(--fw-semi);
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.app-vero .asez-fin-recente .hint {
  margin: 0; font-size: var(--fs-xs);
}
.app-vero .asez-fin-vetro-grande {
  cursor: default;
}
.app-vero .asez-fin-vetro-grande:hover {
  border-color: var(--line); box-shadow: none;
}
.app-vero .asez-fin-vetro-grande .asez-fin-pagina {
  min-height: 220px;
}
.app-vero .asez-fin-vetro-grande .asez-fin-pagina.con-foto {
  min-height: 0;
}
.app-vero .asez-fin-vetro-grande .asez-fin-foto {
  aspect-ratio: auto; max-height: 62dvh; object-fit: contain;
}
.app-vero .assist-appr {
  align-self: flex-start; max-width: 82%;
    margin-top: 8px; padding: 12px; border-radius: 14px;
    background: var(--accent-tint); border: 1px solid var(--accent-line);
}
.app-vero .assist-msg .assist-appr {
  max-width: 100%; margin-top: 10px;
}
.app-vero .assist-appr-titolo {
  font-weight: var(--fw-black); font-size: var(--fs-sm); margin-bottom: 9px;
}
.app-vero .assist-appr-corpo {
  background: var(--card-solid); border: 1px solid var(--line); border-radius: 11px;
    padding: 10px 11px; max-height: 260px; overflow-y: auto; margin-bottom: 11px;
}
.app-vero .assist-appr-riga {
  display: flex; gap: 8px; font-size: 12.5px; margin-bottom: 5px;
}
.app-vero .assist-appr-campo {
  flex: 0 0 54px; color: var(--muted);
}
.app-vero .assist-appr-valore {
  flex: 1; min-width: 0; overflow-wrap: anywhere;
}
.app-vero .assist-appr-testo {
  font-size: 13.5px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 8px;
}
.app-vero .assist-appr-azioni {
  display: flex; gap: 8px; flex-wrap: wrap;
}
.app-vero .assist-appr-azioni .btn {
  min-height: 40px;
}
.app-vero .asez-allegato-compito .ag-chip {
  width: 30px; height: 30px; border-radius: 9px;
}
.app-vero .asez-pieghevole {
  flex: 0 0 auto;
    align-self: stretch; margin: 2px 0; border-radius: var(--radius-sm);
    border: 1px solid var(--line); background: var(--card-solid); overflow: hidden;
}
.app-vero .asez-pieghevole > summary {
  display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none;
    padding: 10px 12px; font-size: 13.5px; color: var(--muted);
}
.app-vero .asez-pieghevole > summary::-webkit-details-marker {
  display: none;
}
.app-vero .asez-pieghevole > summary:hover {
  color: var(--text);
}
.app-vero .asez-pieghevole > summary svg {
  transition: transform var(--t-fast); flex: 0 0 auto;
}
.app-vero .asez-pieghevole[open] > summary svg {
  transform: rotate(180deg);
}
.app-vero .asez-pieghevole-corpo {
  padding: 0 12px 12px;
}
.app-vero .asez-passi {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 13px;
}
.app-vero .asez-passi > li {
  border-left: 2px solid var(--accent-line); padding-left: 10px;
}
.app-vero .asez-finestra-inline {
  flex: 0 0 auto; align-self: stretch;
}
.app-vero .asez-finestra-inline .asez-fin-vetro {
  width: 100%; margin: 4px 0;
}
.app-vero .asez-finestra-inline .asez-fin-stato, .app-vero .asez-finestra-inline .asez-fin-nota {
  display: none;
}
.app-vero .asez-dati .badge {
  margin-left: 6px;
}
.app-vero .asez-plugin-apri .ag-chip {
  width: 34px; height: 34px; border-radius: 11px;
}
.app-vero .asez-plugin-riga .btn {
  height: 30px; padding: 0 11px; font-size: var(--fs-xs); white-space: nowrap;
}
.app-vero .asez-plugin-voce .badge {
  flex: 0 0 auto; white-space: nowrap; max-width: 42%; height: 24px;
    display: inline-flex; align-items: center;
    overflow: hidden; text-overflow: ellipsis;
}
.app-vero .asez-plugin-riga > .btn, .app-vero .asez-plugin-riga > a.btn {
  flex: 0 0 auto; gap: 6px;
}
.app-vero .asez-plugin-pannello .hint {
  margin: 0; font-size: var(--fs-xs);
}
.app-vero .asez-plugin-passi .hint {
  margin: 0;
}
.app-vero .asez-plugin-passi .btn {
  flex: 0 0 auto; padding: 3px 9px; font-size: var(--fs-xs);
}
.app-vero .asez-centro-marchio .ag-logo {
  display: block;
}
.app-vero .asez-trova-barra .asez-cerca {
  flex: 1; min-width: 0;
}
.app-vero .asez-trova-barra .asez-icona {
  width: 34px; height: 34px;
}
.app-vero .asez-trova-barra .asez-icona[disabled] {
  opacity: .45; cursor: default;
}
.app-vero .asez-cond-url .hint {
  margin: 0; font-size: var(--fs-xs);
}
.app-vero .asez-cond-voce .btn {
  min-height: 36px; gap: 6px;
}
.app-vero .asez-cond-filelista .hint {
  margin: 0; flex: 0 0 auto; font-size: var(--fs-xs);
}
.app-vero body:has(.cond-pagina) .tabbar {
  display: none;
}
.app-vero .asez-centro > .assist-body {
  padding-top: calc(var(--asez-testa-h, 56px) + 8px);
    --asez-velo: linear-gradient(to bottom,
        transparent 0,
        transparent calc(var(--asez-testa-h, 56px) * .45),
        rgba(0, 0, 0, .25) calc(var(--asez-testa-h, 56px) * .72),
        #000 calc(var(--asez-testa-h, 56px) + 4px));
    -webkit-mask-image: var(--asez-velo);
    mask-image: var(--asez-velo);
}
.app-vero .asez-gruppo-t {
  margin: 6px 0 2px; padding: 0 12px; font-size: var(--fs-xs); font-weight: var(--fw-black);
    text-transform: uppercase; letter-spacing: .08em; color: var(--muted);
}
.app-vero .asez-non-letti {
  flex: 0 0 auto; min-width: 22px; height: 22px; padding: 0 6px;
    display: grid; place-items: center; border-radius: 999px;
    background: var(--accent); color: var(--accent-contrast);
    font-size: var(--fs-xs); font-weight: var(--fw-black); line-height: 1;
}
.app-vero .asez-testa-agente {
  display: flex; align-items: center; gap: 8px; min-width: 0;
}
.app-vero .asez-testa-agente-n {
  font-weight: var(--fw-black); font-size: var(--fs-sm); color: var(--text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 42vw;
}
.app-vero .assist-msg.ag-da-collega {
  border-left: 3px solid var(--accent); padding-left: 12px;
    background: var(--accent-tint);
}
.app-vero .ag-conf-scelta .hint {
  margin: 0;
}
.app-vero .ag-conf-scelta .ag-chip {
  width: 30px; height: 30px; border-radius: 9px; flex: 0 0 auto;
}
.app-vero .ag-voce-due-righe .hint {
  margin: 0; font-weight: var(--fw-med); color: var(--muted); font-size: var(--fs-xs);
    line-height: 1.45; white-space: normal;
}
.app-vero .ag-routine-comandi .btn {
  padding: 6px 12px; font-size: 13px;
}
.app-vero .ag-routine-comandi .asez-icona {
  width: 34px; height: 34px;
}
.app-vero .ag-routine-comandi .asez-icona.danger {
  color: var(--rosso-text);
}
.app-vero .ag-routine-storico .hint {
  margin: 0;
}
.app-vero .ag-abilita-comandi .btn {
  padding: 6px 12px; font-size: 13px;
}
.app-vero .ag-abilita-comandi .asez-icona {
  width: 34px; height: 34px;
}
.app-vero .ag-abilita-comandi .asez-icona.danger {
  color: var(--rosso-text);
}
.app-vero .ab-passo .badge {
  flex-basis: 100%; margin-left: 24px;
}
.app-vero .ab-passo-comandi .asez-icona {
  width: 30px; height: 30px;
}
.app-vero .ab-passo-comandi .asez-icona.danger {
  color: var(--rosso-text);
}
.app-vero .asez-testa-menu {
  position: relative;
}
.app-vero .asez-chat-ico.progetto {
  color: var(--muted);
}
.app-vero .asez-chat-riga.scelta .asez-chat-voce {
  background: var(--accent-tint);
}
.app-vero .btn.pericolo {
  background: rgba(255,92,92,.14); color: var(--rosso-text);
    border: 1px solid rgba(255,92,92,.34);
}
.app-vero .btn.pericolo:hover {
  background: rgba(255,92,92,.22);
}
.app-vero .assist-conferma-titoli {
  margin: 0; padding: 0 14px 12px 32px; display: grid; gap: 3px;
    font-size: 13px; color: var(--muted); max-height: 180px; overflow: auto;
}
.app-vero .ag-ritorno .hint {
  margin: 0; max-width: 34ch;
}
.app-vero .assist-msg.assist-lavoro.assist-lavoro {
  display: flex; align-items: center; gap: 2px;
    font-size: 13px; color: var(--muted);
    font-variant-numeric: tabular-nums;
}
.app-vero .assist-msg.assist-lavoro.assist-lavoro > span:last-child {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}