:root{font:15px system-ui,Segoe UI,Arial,sans-serif;background:#f2f6f5;color:#203c48}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:3px solid #a5bf31;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px max(20px,calc((100vw - 1450px)/2))}header img{width:155px;height:65px;object-fit:contain}header h1{font-size:21px;margin:0}header small,.hint{color:#657b80}main{max-width:1450px;margin:20px auto;padding:0 20px}nav,.buttons{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}button{border:0;border-radius:8px;padding:10px 15px;background:#07816e;color:white;font-weight:600;cursor:pointer}button:hover{filter:brightness(.9)}button.secondary{background:#dce8e8;color:#284957}button.active{background:#174a60}.panel,.metric{background:white;border:1px solid #e0e8e7;border-radius:13px;padding:18px;margin-bottom:16px;box-shadow:0 2px 7px #1231}h2{font-size:18px;margin:0 0 15px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px}.metric small{display:block;color:#5e767c}.metric strong{font-size:30px;color:#087e6b}.cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}.formgrid .wide{grid-column:1/-1}label{font-size:13px;font-weight:600;color:#4b6570}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #cbd8d9;border-radius:7px;font:inherit;margin-top:5px}textarea{resize:vertical}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e9eeee;padding:11px;white-space:nowrap}th{background:#eef5f4}td .secondary{padding:6px}#message:not(:empty){background:#fff3d9;border-left:4px solid #d4a01c;padding:12px;margin:12px 0}.barrow{display:grid;grid-template-columns:minmax(130px,2fr) 5fr 65px;gap:10px;align-items:center;margin:11px 0;font-size:12px}.track{height:13px;background:#e7eeee;border-radius:12px;overflow:hidden}.fill{height:100%;background:#0c9984}.view[hidden],#app[hidden],#login[hidden]{display:none!important}@media(max-width:800px){.cols{grid-template-columns:1fr}header{flex-wrap:wrap}main{padding:0 10px}}
[hidden]{display:none!important}

#driverIdentity{margin:15px 0}#driverMetrics{margin:14px 0 24px}#driver .cols{margin:20px 0}#driver .cols>div{min-width:0}#driver .tablewrap{max-height:450px;overflow:auto}#driver th{position:sticky;top:0}@media print{header,nav,#message,#driverBtn,#driverPrint,#driver .formgrid,#driverOccRows button{display:none!important}main{max-width:none}.view:not(#driver){display:none!important}#driver{display:block!important}.panel{box-shadow:none;border:0}#driver .tablewrap{max-height:none;overflow:visible}body{background:white}}

/* Identidade Cooper Líquidos e painel comparativo */
body{background:linear-gradient(180deg,rgba(242,247,245,.84),rgba(242,247,245,.96)),url('assets/caminhao-cooper.png') center top/cover fixed no-repeat}
header{background:rgba(255,255,255,.94)}header h1{color:#075c48}.panel,.metric{background:rgba(255,255,255,.96)}
#comparison .cols{margin-top:12px}#comparison .metrics{margin:15px 0}.up{color:#bd2d2d;font-weight:700}.down{color:#087e62;font-weight:700}
.trend{display:flex;align-items:flex-end;gap:12px;overflow-x:auto;min-height:205px;padding:15px 5px}.trendcol{display:flex;flex:1;min-width:55px;max-width:100px;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;font-size:12px}.trendcol>div{width:80%;background:linear-gradient(#16a18a,#05634e);border-radius:5px 5px 0 0}.trendcol span{font-weight:700}.trendcol small{color:#536c70}
@media(max-width:800px){.trendcol{min-width:45px}#comparison .cols{grid-template-columns:1fr}}
