/* PERINOTTO UI PRO RC10 - grafica gestionale professionale, sobria e meno "AI" */
:root{
  --ui-bg-a:#f4f6f8!important;
  --ui-bg-b:#eef1f5!important;
  --ui-panel:#ffffff!important;
  --ui-brand:#1f3a5f!important;
  --ui-brand-2:#2f5f8f!important;
  --ui-ink:#172033!important;
  --ui-soft:#f1f4f7!important;
  --ui-ring:0 0 0 3px rgba(31,58,95,.13)!important;
  --ui-shadow:0 8px 22px rgba(22,32,51,.08)!important;
  --ui-shadow-soft:0 4px 14px rgba(22,32,51,.06)!important;
}
html,body{background:#f4f6f8!important;color:#172033!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
body{background:linear-gradient(180deg,#f7f8fa 0%,#eef1f5 100%)!important;}
.main:before{display:none!important;}
.side{background:#172033!important;color:#dbe3ed!important;border-right:1px solid #101827!important;box-shadow:none!important;backdrop-filter:none!important;}
.brand{background:transparent!important;border:0!important;border-radius:0!important;padding:8px 4px 18px!important;}
.brand-logo{filter:none!important;}
.side a{color:#cbd5e1!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:10px!important;font-weight:600!important;letter-spacing:0!important;}
.side a:hover{background:#243149!important;color:#fff!important;transform:none!important;box-shadow:none!important;}
.side a.active{background:#2f5f8f!important;color:#fff!important;box-shadow:none!important;}
.side-footer{color:#94a3b8!important;border-top:1px solid rgba(255,255,255,.10)!important;}
.logout{background:#2a3447!important;color:#fff!important;}
.mobile-appbar{background:#172033!important;color:#fff!important;border-bottom:1px solid #101827!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;}
.mobile-menu-btn,.mobile-home-btn{background:#243149!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;}
.topbar{background:#fff!important;border-bottom:1px solid #dde3ea!important;box-shadow:0 1px 2px rgba(22,32,51,.04)!important;margin:0 -28px!important;}
.page-head{border-bottom:1px solid #dde3ea!important;margin-bottom:18px!important;padding-bottom:16px!important;}
.page-head h1{font-size:clamp(24px,2.3vw,34px)!important;letter-spacing:-.03em!important;color:#172033!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;font-weight:750!important;}
.page-head p,.muted{color:#687789!important;}
.date-pill,.bell,.userbox{background:#fff!important;border:1px solid #dde3ea!important;box-shadow:none!important;border-radius:12px!important;}
.card,.hero,table,.filter-form,.totals-box,.attachment-card{background:#fff!important;border:1px solid #dde3ea!important;box-shadow:0 2px 8px rgba(22,32,51,.05)!important;backdrop-filter:none!important;border-radius:14px!important;}
.card h2,.card h3{color:#172033!important;letter-spacing:-.015em!important;}
.hero{background:#fff!important;border-left:4px solid #2f5f8f!important;}
.dash-card{background:#fff!important;border:1px solid #dde3ea!important;box-shadow:0 2px 8px rgba(22,32,51,.05)!important;border-radius:14px!important;transition:border-color .15s ease,box-shadow .15s ease!important;}
.dash-card:hover{transform:none!important;border-color:#b9c4d1!important;box-shadow:0 6px 16px rgba(22,32,51,.08)!important;}
.dash-icon{background:#eef3f8!important;color:#1f3a5f!important;box-shadow:none!important;border:1px solid #dde3ea!important;}
.stat{color:#1f3a5f!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;font-weight:800!important;}
table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;}
th{background:#eef3f8!important;color:#334155!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;border-bottom:1px solid #d7dee8!important;}
td{background:#fff!important;border-bottom:1px solid #eef1f5!important;}
tr:nth-child(even) td{background:#fbfcfd!important;}
.click-row:hover td,tr:hover td{background:#f1f5f9!important;}
.detail-table th{background:#f1f5f9!important;}
.badge{box-shadow:none!important;border:1px solid #d7dee8!important;background:#f8fafc!important;color:#334155!important;}
input,select,textarea{background:#fff!important;border:1px solid #cfd8e3!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important;}
input:focus,select:focus,textarea:focus{border-color:#2f5f8f!important;box-shadow:var(--ui-ring)!important;transform:none!important;}
.global-search input{border-radius:10px!important;height:42px!important;box-shadow:none!important;}
.btn,button.btn,.install-app-btn{background:#1f3a5f!important;color:#fff!important;border:1px solid #1f3a5f!important;border-radius:10px!important;box-shadow:none!important;font-weight:700!important;}
.btn:hover,button.btn:hover{background:#2f5f8f!important;border-color:#2f5f8f!important;transform:none!important;box-shadow:0 4px 10px rgba(31,58,95,.16)!important;}
.btn.gray{background:#64748b!important;border-color:#64748b!important;}
.btn.green{background:#2f7d55!important;border-color:#2f7d55!important;}
.btn.red,.delete-btn{background:#b42318!important;border-color:#b42318!important;}
.actions{gap:8px!important;}
.alert{border-radius:12px!important;box-shadow:none!important;border:1px solid #bdd7ee!important;background:#eef6ff!important;color:#17324d!important;}
.perinotto-ui-toggle{background:#fff!important;border:1px solid #d7dee8!important;box-shadow:0 6px 18px rgba(22,32,51,.13)!important;border-radius:14px!important;}
.mobile-fab{background:#1f3a5f!important;box-shadow:0 10px 26px rgba(22,32,51,.25)!important;}
.mobile-fab-menu{background:#fff!important;border:1px solid #d7dee8!important;box-shadow:0 14px 35px rgba(22,32,51,.20)!important;border-radius:16px!important;}
.mobile-fab-menu a{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#172033!important;}
.mobile-fab-menu span{background:#eef3f8!important;color:#1f3a5f!important;}
@media(max-width:900px){.topbar{margin:0 -16px!important}.page-head{padding-bottom:12px!important}.card,.hero,table{border-radius:12px!important}}
@media print{html,body{background:#fff!important}.side,.topbar,.mobile-appbar,.mobile-fab-wrap,.perinotto-ui-toggle{display:none!important}.card,.hero,table{box-shadow:none!important;border-color:#bbb!important}}