#traceability .tr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#traceability .tr-tabs button{padding:9px 12px;border:1px solid #b7cab7;border-radius:10px;background:#fff;color:#174b2b;font-weight:800}
#traceability .tr-tabs button.sel{background:#24713d;color:white}
#traceability .tr-page{display:none}#traceability .tr-page.show{display:block}
#traceability .tr-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}
#traceability .tr-card{border:1px solid #d7e2d7;background:#fff;border-radius:14px;padding:13px}
#traceability .tr-card b{font-size:1.35rem;color:#174b2b;display:block}
#traceability .tr-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}
#traceability .tr-form label{display:flex;flex-direction:column;gap:4px;font-weight:700}
#traceability .tr-form input,#traceability .tr-form select,#traceability .tr-form textarea,#traceability .tr-toolbar input,#traceability .tr-toolbar select{padding:9px;border:1px solid #c8d4c8;border-radius:9px;background:#fff}
#traceability .tr-wide{grid-column:span 2}.tr-full{grid-column:1/-1}
#traceability .tr-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
#traceability button.primary{background:#24713d;color:#fff;border:0;border-radius:9px;padding:10px 13px;font-weight:800}
#traceability button.secondary{background:#fff;color:#205d35;border:1px solid #9fc3a7;border-radius:9px;padding:9px 12px;font-weight:800}
#traceability table{width:100%;border-collapse:collapse;font-size:.9rem}#traceability th,#traceability td{padding:8px;border-bottom:1px solid #e2e9e2;text-align:left;vertical-align:top}#traceability th{background:#f0f6f0;position:sticky;top:0}
#traceability .tr-table{max-height:620px;overflow:auto;border:1px solid #dce6dc;border-radius:12px}
#traceability .tr-note{background:#f5faf5;border:1px solid #d7e6d7;border-radius:12px;padding:11px}
#traceability .tr-qr{display:inline-flex;align-items:center;justify-content:center;background:white;padding:8px;border:1px solid #ddd;border-radius:10px}
#traceability .tr-treatment{padding:7px 0;border-bottom:1px solid #e5ece5}
#traceability .tr-status-ok{color:#19723a;font-weight:900}
@media(max-width:850px){#traceability .tr-grid,#traceability .tr-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){#traceability .tr-grid,#traceability .tr-form{grid-template-columns:1fr}}