/* =====================================================
DASHBOARD
===================================================== */

.dashboard{
max-width:1150px;
margin:auto;
padding:40px 20px;
}

.dashboard-title{
font-size:28px;
font-weight:600;
margin-bottom:25px;
color:#111;
}


/* =====================================================
GRID BASE
===================================================== */

.dashboard-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}


/* =====================================================
TILES (AZIONI PRINCIPALI)
===================================================== */

.tiles{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:10px;
}

.tile{
background:white;
padding:25px;
border-radius:16px;
border:1px solid #e5e7eb;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
cursor:pointer;
transition:all 0.2s ease;
box-shadow:0 4px 14px rgba(0,0,0,0.04);
}

.tile:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.tile-icon{
font-size:34px;
margin-bottom:10px;
}

.tile-title{
font-size:15px;
font-weight:500;
color:#111;
}


/* TILE PRINCIPALE */

.tile-primary{
background:linear-gradient(135deg,#dc2626,#ef4444);
color:white;
border:none;
}

.tile-primary .tile-title{
color:white;
}

.tile-primary:hover{
transform:translateY(-4px) scale(1.02);
}


/* =====================================================
STATISTICHE
===================================================== */

.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin-top:20px;
}

.stat-card{
background:white;
border-radius:16px;
border:1px solid #e5e7eb;
padding:25px;
text-align:center;
box-shadow:0 4px 14px rgba(0,0,0,0.04);
transition:0.2s;
}

.stat-card:hover{
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.stat-number{
font-size:30px;
font-weight:700;
color:#dc2626;
}

.stat-label{
font-size:14px;
color:#6b7280;
margin-top:6px;
}


/* =====================================================
QUICK ACTIONS
===================================================== */

.quick-actions{
margin-top:10px;
}

.quick-grid{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:10px;
}

.quick-btn{
background:white;
border:1px solid #e5e7eb;
padding:10px 16px;
border-radius:10px;
font-size:14px;
color:#111;
transition:0.2s;
cursor:pointer;
}

.quick-btn:hover{
background:#f3f4f6;
transform:translateY(-1px);
}


/* =====================================================
CARD GENERICHE (USATE IN ALTRE DASHBOARD)
===================================================== */

.card{
background:white;
border-radius:16px;
border:1px solid #e5e7eb;
padding:25px;
transition:0.2s;
box-shadow:0 4px 14px rgba(0,0,0,0.04);
}

.card:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.card h3{
font-size:18px;
margin-bottom:8px;
}

.card-desc{
font-size:14px;
color:#6b7280;
}

.card-number{
font-size:28px;
font-weight:700;
margin-top:10px;
color:#dc2626;
}


/* =====================================================
RESPONSIVE
===================================================== */

@media (max-width:900px){

.dashboard-grid{
grid-template-columns:1fr;
}

.tiles{
grid-template-columns:1fr 1fr;
}

.stats{
grid-template-columns:1fr 1fr;
}

}

@media (max-width:600px){

.container{
padding:20px 15px;
}

.tiles{
grid-template-columns:1fr;
}

.stats{
grid-template-columns:1fr;
}

.quick-grid{
flex-direction:column;
}

.quick-btn{
width:100%;
text-align:center;
}

}


/* =========================================
LAVANDERIA PRO
========================================= */

.lavanderia-dashboard{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:25px;
}

/* colonne */

.lavanderia-colonna{
background:white;
border-radius:16px;
padding:22px;
border:1px solid #e5e7eb;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.lavanderia-colonna h3{
font-size:16px;
font-weight:600;
margin-bottom:18px;
}

/* colori stato */

.lavanderia-colonna:nth-child(1){
border-top:4px solid #ef4444;
}

.lavanderia-colonna:nth-child(2){
border-top:4px solid #f59e0b;
}

.lavanderia-colonna:nth-child(3){
border-top:4px solid #10b981;
}

/* riga kit */

.lavanderia-row{
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 0;
border-bottom:1px solid #f1f1f1;
gap:10px;
}

.lavanderia-row:last-child{
border-bottom:none;
}

/* nome kit */

.lavanderia-kit{
font-weight:500;
font-size:15px;
min-width:120px;
}

/* controlli */

.lavanderia-controlli{
display:flex;
align-items:center;
gap:10px;
}

/* numero */

.lavanderia-numero{
font-size:20px;
font-weight:700;
min-width:40px;
text-align:center;
}

/* bottoni quantità */

.btn-qty{
width:32px;
height:32px;
border-radius:8px;
border:1px solid #e5e7eb;
background:#f9fafb;
cursor:pointer;
font-size:16px;
display:flex;
align-items:center;
justify-content:center;
}

.btn-qty:hover{
background:#f3f4f6;
}

/* azioni */

.btn-secondario{
background:#f3f4f6;
border:1px solid #e5e7eb;
padding:6px 12px;
border-radius:8px;
font-size:13px;
cursor:pointer;
}

.btn-principale{
background:#dc2626;
color:white;
border:none;
padding:6px 12px;
border-radius:8px;
font-size:13px;
cursor:pointer;
}

.btn-principale:hover{
background:#b91c1c;
}

/* =========================================
INVENTARIO
========================================= */

.lavanderia-riepilogo{
margin-top:35px;
background:white;
border-radius:16px;
padding:24px;
border:1px solid #e5e7eb;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.lavanderia-riepilogo h3{
margin-bottom:16px;
font-size:16px;
font-weight:600;
}

/* tabella */

.tabella-inventario{
width:100%;
border-collapse:collapse;
}

.tabella-inventario th{
font-size:12px;
text-transform:uppercase;
color:#6b7280;
padding:12px;
text-align:left;
}

.tabella-inventario td{
padding:14px 12px;
border-bottom:1px solid #f1f1f1;
font-size:14px;
}

.tabella-inventario tr:hover{
background:#fafafa;
}

/* responsive */

@media (max-width:900px){

.lavanderia-dashboard{
grid-template-columns:1fr;
}

}


/* =====================================================
RESPONSIVE
===================================================== */

@media (max-width:900px){

.lavanderia-dashboard{
grid-template-columns:1fr;
}

}



/* ===============================
LAVANDERIA ROW
=============================== */

.lavanderia-row{
display:flex;
align-items:center;
justify-content:space-between;
padding:10px 0;
border-bottom:1px solid #f1f1f1;
}

.lavanderia-kit{
flex:1;
font-size:14px;
font-weight:500;
}

/* controlli + numero */

.lavanderia-controlli{
display:flex;
align-items:center;
gap:10px;
margin-right:10px;
}

/* numero */

.lavanderia-numero{
min-width:28px;
text-align:center;
font-weight:600;
font-size:15px;
}

/* bottoni + - */

.btn-qty{
width:28px;
height:28px;
border-radius:6px;
border:1px solid #e5e7eb;
background:white;
cursor:pointer;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
}

.btn-qty:hover{
background:#f3f4f6;
}

/* bottoni azione */

.btn-small{
padding:6px 12px;
font-size:13px;
border-radius:8px;
}



/* ===============================
BOTTONI LAVANDERIA COLORATI
=============================== */

/* LAVAGGIO (rosso soft) */
.btn-lavaggio{
background:#fee2e2;
color:#b91c1c;
border:none;
}

.btn-lavaggio:hover{
background:#fecaca;
}

/* PULITO (verde) */
.btn-pulito{
background:#dcfce7;
color:#166534;
border:none;
}

.btn-pulito:hover{
background:#bbf7d0;
}

/* MACCHIATO (rosso forte) */
.btn-macchiato{
background:#dc2626;
color:white;
border:none;
}

.btn-macchiato:hover{
background:#b91c1c;
}

.lavanderia-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.lavanderia-controlli{
display:flex;
align-items:center;
gap:8px;
min-width:110px;
justify-content:center;
}

.lavanderia-row button{
min-width:90px;
text-align:center;
}


@media (min-width:601px){

    .tiles{
        grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
    }

}