/* Preventivatore 3D: pulsante Nuovo preventivo in cima alla barra e pagina Preventivi */
.it.nuovo{background:var(--acc);color:var(--on-acc);font-weight:700;margin:2px 0 4px;justify-content:flex-start}
.it.nuovo:hover{background:color-mix(in srgb,var(--acc) 88%,#fff);color:var(--on-acc)}
.it.nuovo svg.i{width:24px;height:24px;stroke-width:2.4}
.pvs{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.pv{padding:0;overflow:hidden;display:flex;flex-direction:column}
.pv-i{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sink)}.pv-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pv-3d{position:absolute;left:12px;top:12px;background:var(--g-solid);color:var(--acc);border-color:var(--acc);font-weight:800}
.pv-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.pv-b h3{font-size:var(--t3);font-weight:700;line-height:1.25;margin:2px 0}
.pv-t{display:flex;justify-content:space-between;align-items:center}
.pv-n{font-size:var(--t5);font-weight:800;letter-spacing:-.02em;margin:4px 0 8px}
/* barra laterale chiusa: la barra di scorrimento sta nascosta e compare, sottile, a sinistra solo quando il mouse e' sulla barra */
.sb-nav{direction:rtl;scrollbar-width:none;padding-bottom:6px}.sb-nav>*{direction:ltr}.sb-nav::-webkit-scrollbar{width:0;height:0}
.sb:hover .sb-nav,.sb:focus-within .sb-nav{scrollbar-width:thin;scrollbar-color:rgba(160,170,165,.45) transparent}.sb:hover .sb-nav::-webkit-scrollbar,.sb:focus-within .sb-nav::-webkit-scrollbar{width:4px}.sb:hover .sb-nav::-webkit-scrollbar-thumb,.sb:focus-within .sb-nav::-webkit-scrollbar-thumb{background:rgba(160,170,165,.45);border-radius:4px}
/* chiusa e compatta: icone da 36 px con passo 40, separatori stretti, il gruppo AZIENDA sotto un solo pulsante Altro (aperta compare tutto) */
.sb .it.altro-b{display:none}
.app:not(.pin) .sb:not(:hover):not(:focus-within) .it.altro{display:none}.app:not(.pin) .sb:not(:hover):not(:focus-within) .it.altro-b{display:flex}
.app:not(.pin) .sb:not(:hover):not(:focus-within) .it{min-height:36px;margin:2px 0}.app:not(.pin) .sb:not(:hover):not(:focus-within) .grp{height:4px;margin:3px 0}.app:not(.pin) .sb:not(:hover):not(:focus-within) .sb-logo{min-height:40px}
.app:not(.pin) .sb:not(:hover):not(:focus-within) .sb-foot{gap:0;padding-top:4px}
@media (max-width:820px){.it.nuovo{display:none}}
@media (max-width:820px){.sb-nav{-webkit-mask-image:none;mask-image:none}}
.pv-go{display:inline-block;margin-top:8px;font-weight:700}
.pv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border:1px solid var(--g-line);border-radius:12px;background:var(--g-fill)}
.pv-bar .pv-go{margin:0}