/*
 * OPERAZIONE CASELLE SOTTOZERO
 * Stile comune "fumetto" per acquisti, collaudo e centrale.
 * Va caricato DOPO lo <style> della pagina, così lo sovrascrive.
 */
:root{
 --sky:#b3d4fc;
 --ink:#151515;
 --navy-title:#1a3d7c;
 --cream:#fff6d6;
}

body{background:var(--sky)!important;color:#1d1d1d}

/* Header uguale all'intro */
header{
 position:static!important;
 background:#123452;color:white;padding:16px!important;
}
header .wrap,header .top{max-width:1000px!important;margin:auto}
header small{letter-spacing:.06em;opacity:.85}
header h1{font-size:1.5rem!important;margin:4px 0 0!important}

/* Larghezza e spazi come l'intro */
main,main.wrap{max-width:1000px!important;padding:28px 16px 10px!important}
.budget .wrap{max-width:1000px!important}

/* Card con bordo nero e ombra piena */
.card{
 border:4px solid var(--ink);
 border-radius:28px!important;
 box-shadow:10px 10px 0 var(--ink)!important;
 padding:22px!important;
 margin:0 0 30px!important;
}
.card h2{color:var(--navy-title);font-size:1.45rem}
.weather h2{color:white}

/* Box di TiCRO: crema come il benvenuto dell'intro */
.intro{background:var(--cream)!important;color:#1d1d1d!important}
.intro .muted{color:#4f5f72!important}

/* Elementi interni */
.item,.vehicle,.checkrow,.area,.choice{
 border:2px solid var(--ink)!important;border-radius:14px!important;
}
.note,.warning,.success,.dangerbox,.summary{border:2px solid var(--ink)}
input[type=text],input:not([type]),select,textarea{
 border:2px solid var(--ink)!important;
}
.qty{border:2px solid var(--ink)!important}
.paper{border-width:3px}

/* Pulsanti */
.btn{
 border:3px solid var(--ink)!important;border-radius:16px!important;
 box-shadow:5px 5px 0 var(--ink);
 transition:transform .1s,box-shadow .1s;
}
.btn:active:not(:disabled){
 transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink);
}
.btn:disabled{box-shadow:none}
.btn.secondary{background:white!important}
.actions{gap:14px!important}

/* Barra budget del concessionario */
.budget{border-bottom:4px solid var(--ink)!important;box-shadow:none!important}
.bar{border:2px solid var(--ink)}

footer{color:#25415f!important}

/* Card con l'immagine di TiCRO a sinistra */
.card.ticro{display:flex;gap:22px;align-items:center}
.ticro-frame{
 flex:0 0 150px;align-self:stretch;min-height:180px;
 background:white;border:3px solid var(--ink);border-radius:18px;
 display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.ticro-frame img{width:100%;height:100%;object-fit:contain;padding:6px}
.ticro-frame.noimg::after{content:attr(data-emoji);font-size:4rem}
.ticro-body{flex:1;min-width:0}

@media(max-width:700px){
 main,main.wrap{padding:20px 14px 6px!important}
 .card{box-shadow:7px 7px 0 var(--ink)!important;padding:18px!important}
 .card.ticro{flex-direction:column;align-items:stretch}
 .ticro-frame{
  flex:0 0 auto;width:140px;height:170px;min-height:0;align-self:center;
 }
}