/* ── APT Gestione Vendite 2026 ── Light Theme ── */
body{font-size:14px;line-height:1.5;color:#1A1A1A}
*,*::before,*::after{box-sizing:border-box;border-color:rgba(0,0,0,.09)}

/* scrollbar */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}
*{scrollbar-width:thin;scrollbar-color:#ccc transparent}

/* sidebar */
.sidebar-nav a{transition:all .12s;color:#888}
.sidebar-nav a:hover{background:#F3F3F1;color:#1A1A1A}
.sidebar-nav a.active{background:#FDECEA;color:#E8192C;font-weight:600}
.sidebar-nav a.active .nav-icon{opacity:1}

/* cards */
.card{border-radius:10px;margin-bottom:12px}
.card-accent{border-top:3px solid}
.accent-red{border-top-color:#E8192C}
.accent-blue{border-top-color:#185FA5}
.accent-green{border-top-color:#1D9E75}
.accent-amber{border-top-color:#BA7517}

/* metric cards */
.mc{padding:12px 14px;border-radius:8px}
.mc-label{font-size:10px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em}
.mc-value{font-size:20px;font-weight:700;line-height:1.1}
.mc-sub{font-size:11px;color:#999;margin-top:2px}

/* tables */
.table-wrap{overflow-x:auto;border-radius:8px}
table{width:100%;border-collapse:collapse}
th{background:#F4F4F2;padding:6px 10px;text-align:left;font-size:10px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
td{padding:6px 10px;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:#1A1A1A;white-space:nowrap}
tbody tr{transition:background .06s}
tbody tr:hover td{background:#FAFAF8}

/* badges */
.badge{display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700}
.badge-red{background:#FDECEA;color:#E8192C}
.badge-blue{background:#E6F1FB;color:#185FA5}
.badge-green{background:#E1F5EE;color:#1D9E75}
.badge-amber{background:#FAEEDA;color:#BA7517}
.badge-gray{background:#F3F3F1;color:#888}
.badge-ok{background:#D5F0E8;color:#1D9E75}

/* progress bars */
.progress-bar{height:5px;background:#F1EFE8;border-radius:3px;overflow:hidden}
.progress-fill{height:100%;border-radius:3px;transition:width .5s}

/* inputs / selects */
input,select,textarea{padding:8px 10px;font-size:13px;border:0.5px solid rgba(0,0,0,.09);border-radius:6px;background:#FFF;color:#1A1A1A;outline:none;width:100%}
input:focus,select:focus,textarea:focus{border-color:#E8192C;box-shadow:0 0 0 3px #FDECEA}
::placeholder{color:#aaa}

/* buttons */
button{font-family:inherit;cursor:pointer;outline:none;transition:all .12s;border-radius:6px}
button:not([class*="bg-"]):not([style*="background"]):not(.tab-item):not(.pill){background:#f3f4f6;color:#1f2937;border:1px solid #d1d5db;padding:6px 12px;font-size:13px}
button:not([class*="bg-"]):not([style*="background"]):not(.tab-item):not(.pill):hover{background:#e5e7eb;color:#111827}

/* tabs */
.tab-item{padding:5px 14px;font-size:13px;font-weight:500;color:#888;cursor:pointer;border-radius:6px;transition:all .12s}
.tab-item:hover{background:#F3F3F1;color:#1A1A1A}
.tab-item.active{background:#E8192C;color:#FFF}

/* modal overlay */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100;display:flex;align-items:center;justify-content:center}

/* toast animation */
@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.toast{animation:toastIn .25s}

/* chart containers */
.chart-box{position:relative;width:100%;height:220px}

/* pills filter */
.pill{padding:4px 12px;font-size:12px;border:0.5px solid rgba(0,0,0,.09);border-radius:999px;cursor:pointer;background:#FFF;color:#888;font-weight:500}
.pill.active{background:#E8192C;color:#FFF;border-color:#E8192C}

/* filter row */
.filter-row{display:flex;gap:6px;flex-wrap:wrap;align-items:end;margin-bottom:12px}

/* drag & drop dashboard */
[data-block-id]{border-radius:6px;transition:all .2s}
[data-block-id][draggable="true"]{user-select:none}
[data-block-id][draggable="true"]:hover{box-shadow:0 4px 12px rgba(232,25,44,.1)}

/* print */
@media print{.sidebar,.main-header,.filter-row{display:none!important}}