
/* PERINOTTO UI POLISH RC6 - impatto visivo moderno, non modifica dati */
:root{
  --ui-bg-a:#eef4ff; --ui-bg-b:#f8fbff; --ui-panel:rgba(255,255,255,.86);
  --ui-brand:#1458d4; --ui-brand-2:#0f9bd7; --ui-ink:#0b172a; --ui-soft:#eef6ff;
  --ui-ring:0 0 0 4px rgba(20,88,212,.14); --ui-shadow:0 18px 55px rgba(15,23,42,.10);
  --ui-shadow-soft:0 10px 30px rgba(15,23,42,.07);
}
html{background:linear-gradient(135deg,var(--ui-bg-a),var(--ui-bg-b));}
body{background:
  radial-gradient(circle at top left, rgba(37,99,235,.13), transparent 34rem),
  radial-gradient(circle at bottom right, rgba(14,165,233,.10), transparent 30rem),
  linear-gradient(135deg,var(--ui-bg-a),var(--ui-bg-b));
  color:var(--ui-ink);}
.layout{background:transparent}.main{position:relative}.main:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.026) 1px, transparent 1px),linear-gradient(90deg,rgba(15,23,42,.026) 1px, transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 85%);}
.side{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px);border-right:1px solid rgba(148,163,184,.28)!important;box-shadow:12px 0 40px rgba(15,23,42,.08)!important}.brand{padding:8px 6px;border-radius:18px;background:linear-gradient(135deg,#fff,rgba(239,246,255,.92));border:1px solid rgba(148,163,184,.20)}.side a{position:relative;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.side a:hover{transform:translateX(3px);box-shadow:0 8px 22px rgba(37,99,235,.09)}.side a.active{background:linear-gradient(135deg,var(--ui-brand),var(--ui-brand-2))!important;box-shadow:0 15px 30px rgba(20,88,212,.28)!important}.topbar{margin:0 -28px;padding:0 28px;background:rgba(248,251,255,.72)!important;border-bottom:1px solid rgba(148,163,184,.25)!important;box-shadow:0 8px 30px rgba(15,23,42,.04)}.page-head{padding:20px 0 8px}.page-head h1{font-size:clamp(26px,3vw,40px)!important;letter-spacing:-.05em;background:linear-gradient(135deg,#0f172a,#1458d4);-webkit-background-clip:text;background-clip:text;color:transparent}.page-head p,.muted{color:#64748b!important}.date-pill,.bell,.userbox{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.25);box-shadow:var(--ui-shadow-soft)}
.card,.hero,table,.filter-form,.totals-box,.attachment-card{background:var(--ui-panel)!important;border:1px solid rgba(148,163,184,.26)!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(14px)}.card,.hero{border-radius:24px!important}.hero{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,246,255,.88))!important}.dash-card{border-radius:24px!important;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,251,255,.88))!important;box-shadow:var(--ui-shadow-soft)!important;border:1px solid rgba(148,163,184,.22)!important}.dash-card:hover{transform:translateY(-4px) scale(1.008)!important;box-shadow:0 22px 50px rgba(20,88,212,.16)!important}.dash-icon{background:linear-gradient(135deg,#dbeafe,#e0f2fe)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.stat{background:linear-gradient(135deg,#0f172a,#1458d4);-webkit-background-clip:text;background-clip:text;color:transparent}
table{border-radius:22px!important;overflow:hidden}th{background:linear-gradient(180deg,#f8fbff,#eef6ff)!important;color:#334155!important;font-size:11px!important}td{background:rgba(255,255,255,.72)}tr:nth-child(even) td{background:rgba(248,251,255,.72)}.click-row:hover td,tr:hover td{background:#eef6ff!important}.detail-table th{background:#f1f7ff!important}.badge{border:1px solid rgba(148,163,184,.28);box-shadow:0 4px 12px rgba(15,23,42,.05)}
input,select,textarea{background:rgba(255,255,255,.9)!important;border:1px solid rgba(148,163,184,.36)!important;border-radius:14px!important;transition:border .16s ease,box-shadow .16s ease,transform .16s ease}input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:var(--ui-ring)!important;border-color:#60a5fa!important;transform:translateY(-1px)}.field label{color:#475569!important}.global-search input{height:44px!important;border-radius:999px!important;padding-left:18px!important;box-shadow:0 8px 28px rgba(15,23,42,.06)!important}
.btn,button.btn{border-radius:14px!important;background:linear-gradient(135deg,var(--ui-brand),var(--ui-brand-2))!important;box-shadow:0 12px 26px rgba(20,88,212,.23)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover,button.btn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 34px rgba(20,88,212,.30)!important}.btn.gray{background:linear-gradient(135deg,#64748b,#475569)!important}.btn.green{background:linear-gradient(135deg,#16a34a,#10b981)!important}.btn.red,.delete-btn{background:linear-gradient(135deg,#dc2626,#f97316)!important}.actions{gap:12px}.alert{border-radius:18px!important;box-shadow:var(--ui-shadow-soft)}
.perinotto-ui-toggle{position:fixed;right:18px;bottom:18px;z-index:60;width:48px;height:48px;border-radius:18px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(15,23,42,.18);cursor:pointer;font-size:20px}.perinotto-ui-toggle:hover{transform:translateY(-2px)}
body.ui-compact .card,body.ui-compact .hero{padding:14px!important}body.ui-compact th,body.ui-compact td{padding:9px 10px!important}body.ui-compact .page-head{margin:12px 0 8px!important}body.ui-compact .dash-card{padding:14px!important}body.ui-compact .btn{padding:8px 11px!important}
@media(max-width:900px){.topbar{margin:0 -16px;padding:12px 16px}.side{border-right:0!important;border-bottom:1px solid rgba(148,163,184,.25)!important}.side a{display:inline-flex;margin:4px}.side{white-space:normal}.page-head h1{font-size:28px!important}.card,.hero{border-radius:20px!important}th,td{padding:11px 12px}.perinotto-ui-toggle{right:14px;bottom:14px}}
@media print{body{background:#fff!important}.card,.hero,table{box-shadow:none!important;backdrop-filter:none!important}.perinotto-ui-toggle{display:none!important}.page-head h1{color:#111!important;background:none!important}}
