/* Checklist de entrada: seletor de tipo, itens marcáveis e a tabela da folha.
   Base em doc-generator.css. */

/* Tipo de veículo */
.ck-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ck-type{position:relative;cursor:pointer}
.ck-type input{position:absolute;opacity:0;width:1px;height:1px}
.ck-type span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px solid #eaecf0;border-radius:10px;padding:12px 6px;font-size:13.5px;font-weight:700;color:#6b7280;background:#fff;transition:border-color .15s,color .15s,background .15s;min-height:68px}
.ck-type span i{font-size:24px}
.ck-type input:checked + span{border-color:#f97316;color:#ea580c;background:#f7f8fa}
.ck-type input:focus-visible + span{outline:2px solid #3b82f6;outline-offset:2px}

/* Itens */
.ck-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.ck-group-title{font-family:inherit;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0b1220;margin:20px 0 4px;padding-bottom:6px;border-bottom:1px solid #eaecf0}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #f7f8fa}
.ck-row-name{font-size:14.5px;font-weight:600;color:#0b1220;min-width:0}
.ck-row-opts{display:flex;gap:6px;flex-shrink:0}
.ck-opt{border:1.5px solid #eaecf0;background:#fff;color:#6b7280;border-radius:8px;padding:0 12px;min-height:38px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}
.ck-opt:hover{border-color:#9ca3af;color:#0b1220}
.ck-opt--ok.is-on{background:#10b981;border-color:#10b981;color:#fff}
.ck-opt--av.is-on{background:#f97316;border-color:#f97316;color:#fff}
.ck-opt--nt.is-on{background:#ef4444;border-color:#ef4444;color:#fff}

/* Folha */
.ck-s-fuel{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 14px;padding:8px 12px;border:1px solid #eaecf0;border-radius:6px;background:#f7f8fa}
.ck-s-fuel-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#ea580c;margin-right:6px}
.ck-s-fuel-end{font-weight:700;color:#6b7280;font-size:11px}
.ck-s-bars{display:flex;gap:3px}
.ck-s-bar{width:26px;height:14px;border:1px solid #9ca3af;border-radius:2px;background:#fff}
.ck-s-bar.is-on{background:#0b1220;border-color:#0b1220}
.ck-s-fuel-value{font-weight:700;margin-left:6px}
.ck-s-groups{column-count:2;column-gap:16px}
.ck-s-group{break-inside:avoid;margin-bottom:12px}
.ck-s-table{font-size:11.5px}
.ck-s-table th{color:#ea580c;font-weight:800}
.ck-s-table td{padding:3px 8px;height:23px;vertical-align:middle}
.ck-s-table .ck-s-col{width:46px;text-align:center;padding-left:2px;padding-right:2px;color:#6b7280;font-size:9.5px;white-space:nowrap}
.ck-s-tick{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1.2px solid #6b7280;border-radius:2px;font-size:11px;font-weight:800;line-height:1;color:#fff;vertical-align:middle}
.ck-s-tick.is-on{background:#0b1220;border-color:#0b1220}
.ck-s-tick--ok.is-on{background:#10b981;border-color:#10b981}
.ck-s-tick--av.is-on{background:#f97316;border-color:#f97316}
.ck-s-tick--nt.is-on{background:#ef4444;border-color:#ef4444}

@media(max-width:600px){
    .ck-types{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ck-row{flex-direction:column;align-items:stretch;gap:6px;padding:10px 0}
    .ck-row-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
    .ck-opt{padding:0 6px;min-height:42px}
}