/* Etapa 37: presentación visual de Órdenes, sin cambios de comportamiento */
.ot37 .ot37-head{align-items:center;gap:20px;padding:6px 0 10px}
.ot37 .ot37-head .crumb{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#477da9}
.ot37 .ot37-head h1{font-size:clamp(25px,2.1vw,33px);letter-spacing:-.8px;margin-top:7px}
.ot37 .ot37-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;align-items:center}
.ot37 .ot37-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ot37 .ot37-search .fld{min-width:min(280px,100%);height:42px}
.ot37 .ot37-actions .btn{height:42px}
.ot37 .ot37-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:transparent!important;border:0!important;overflow:visible!important}
.ot37 .ot37-kpis .kpi{border:1px solid var(--bd)!important;border-radius:13px;background:var(--surf);min-height:118px;padding:21px 23px;display:flex;flex-direction:column;justify-content:center;gap:11px;box-shadow:0 3px 14px rgba(19,48,82,.045)}
.ot37 .ot37-kpis .kpi:before{content:'';width:30px;height:4px;border-radius:8px;background:#176fd4;display:block}
.ot37 .ot37-kpis .kpi:nth-child(2):before{background:#6b8cbb}
.ot37 .ot37-kpis .kpi:nth-child(3):before{background:#dca243}
.ot37 .ot37-kpis .kpi:nth-child(4):before{background:#3eab7e}
.ot37 .ot37-kpis .kpi small{font-size:13px}
.ot37 .ot37-kpis .kpi b{font-size:32px;line-height:1.1}
.ot37 .ot37-filter-card{padding:19px 22px;display:flex;flex-direction:column;gap:14px}
.ot37 .ot37-filter-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ot37 .ot37-filter-title h2{font-size:16px}
.ot37 .ot37-filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(190px,1.4fr) minmax(120px,.6fr) minmax(100px,.6fr) auto auto;align-items:end;gap:12px;width:100%}
.ot37 .ot37-filters .l{min-width:0}
.ot37 .ot37-filters .fld{width:100%;min-width:0!important;height:42px}
.ot37 .ot37-filters .btn{height:42px;justify-content:center}
.ot37 .ot37-table-card{overflow:hidden}
.ot37 .ot37-table-heading{padding:19px 21px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--bd)}
.ot37 .ot37-table-heading h2{font-size:17px}
.ot37 .ot37-table-heading p{margin:5px 0 0;font-size:12px;color:var(--mu)}
.ot37 .ot37-table-wrap{width:100%;overflow-x:auto}
.ot37 table{min-width:850px}
.ot37 th{height:48px;background:var(--th);font-size:11px;text-transform:uppercase;letter-spacing:.045em;padding:12px 18px;white-space:nowrap}
.ot37 td{padding:17px 18px;line-height:1.4}
.ot37 tbody tr{transition:background-color .12s}
.ot37 .ot37-id{font-weight:700;color:#3878b9}
.ot37 .ot37-client{font-weight:600}
.ot37 .pill{border-radius:999px;padding:6px 11px;white-space:nowrap}
.ot37 .ot37-foot{padding:17px 21px;gap:12px;flex-wrap:wrap}
.ot37 .ot37-selection{padding:14px 20px;background:var(--th)}
.ot37 .ot37-selection .mu{font-weight:500}
@media(max-width:1250px){.ot37 .ot37-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.ot37 .ot37-actions{justify-content:flex-start}}
@media(max-width:850px){.ot37 .ot37-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ot37 .ot37-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.ot37 .ot37-kpis{gap:8px}.ot37 .ot37-kpis .kpi{padding:14px;min-height:105px}.ot37 .ot37-kpis .kpi b{font-size:26px}.ot37 .ot37-filter-card{padding:14px}.ot37 .ot37-filters{grid-template-columns:minmax(0,1fr)}.ot37 .ot37-actions{width:100%}.ot37 .ot37-search{width:100%}.ot37 .ot37-search .fld{flex:1;min-width:0}.ot37 .ot37-foot{flex-direction:column;align-items:flex-start}}