.vendita-account-page { color:#252b2c; }
.vendita-account-metriche { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding:12px 0 24px; border-bottom:1px solid #d5dcde; }
.vendita-account-metriche span { display:block; font-size:13px; color:#586365; }
.vendita-account-metriche strong { display:block; font-size:22px; margin-top:6px; }
.vendita-account-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0 12px; }
.vendita-account-heading h2 { font-size:16px; margin:0; }
.vendita-account-heading button { min-height:34px; padding:6px 12px; }
.vendita-account-table-wrap { overflow:auto; }
.vendita-account-page table { width:100%; border-collapse:collapse; font-size:13px; }
.vendita-account-page th,.vendita-account-page td { text-align:left; padding:12px 10px; border-bottom:1px solid #e0e5e6; }
.vendita-account-page th { color:#536165; background:#f1f4f4; }
.vendita-account-stato { color:#875414; }
.vendita-account-stato.operativo { color:#197156; font-weight:600; }
.vendita-account-servizi { display:grid; grid-template-columns:max-content 1fr; gap:12px 30px; padding:24px 0; font-size:13px; }
.vendita-account-servizi strong { color:#875414; }
.vendita-account-dialog { width:430px; max-width:calc(100% - 32px); box-sizing:border-box; border:1px solid #b4bfc2; border-radius:6px; background:#fff; padding:24px; }
.vendita-account-dialog::backdrop { background:rgba(0,0,0,.45); }
.vendita-account-dialog h2 { font-size:18px; margin:0 0 20px; }
.vendita-account-dialog label { display:block; font-size:13px; margin:12px 0; }
.vendita-account-dialog input { display:block; width:100%; box-sizing:border-box; height:36px; margin-top:5px; border:1px solid #acb8bc; border-radius:4px; padding:6px 9px; }
.vendita-account-dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.vendita-account-dialog-actions button { padding:8px 14px; }
[data-account-errore] { color:#ac3030; margin-top:10px; }
@media(max-width:650px) { .vendita-account-metriche { grid-template-columns:repeat(2,minmax(0,1fr)); } .vendita-account-heading { align-items:flex-start; flex-direction:column; } .vendita-account-servizi { grid-template-columns:1fr; gap:6px; } }