/* ===== VAQUIRUTAS 3.0 · Módulo Devoluciones ===== */
.dev-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin:14px 0}
.dev-kpi{background:linear-gradient(145deg,rgba(18,35,50,.96),rgba(12,26,38,.98));border:1px solid rgba(78,133,170,.38);border-radius:13px;padding:13px 15px;min-height:80px}
.dev-kpi b{display:block;font-size:28px;color:var(--verde);line-height:1}.dev-kpi span{display:block;color:var(--mut);font-size:10px;text-transform:uppercase;margin-top:7px;letter-spacing:.45px}.dev-kpi.warn b{color:var(--amarillo)}.dev-kpi.bad b{color:#ff7d8b}
.dev-filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.dev-filterbar input,.dev-filterbar select{width:auto;min-width:180px;margin:0}.dev-layout{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(520px,1.45fr);gap:16px;align-items:start}.dev-list{display:flex;flex-direction:column;gap:9px;max-height:72vh;overflow:auto;padding-right:3px}.dev-card{border:1px solid rgba(72,126,161,.38);border-radius:13px;padding:13px;background:linear-gradient(145deg,rgba(17,34,48,.98),rgba(10,24,35,.98));cursor:pointer}.dev-card:hover,.dev-card.on{border-color:rgba(128,232,75,.52);box-shadow:0 0 20px rgba(128,232,75,.07)}.dev-card-head{display:flex;justify-content:space-between;gap:10px}.dev-code{font-weight:800;color:#fff}.dev-card small{color:var(--mut);display:block;margin-top:4px}.dev-state{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid #35576d;font-size:10px;font-weight:800;white-space:nowrap}.dev-state.ok{color:var(--verde);border-color:rgba(128,232,75,.35);background:rgba(128,232,75,.08)}.dev-state.warn{color:var(--amarillo);border-color:rgba(255,216,74,.3);background:rgba(255,216,74,.07)}.dev-state.bad{color:#ff8390;border-color:rgba(255,82,100,.28);background:rgba(255,82,100,.08)}
.dev-detail{border:1px solid rgba(63,131,173,.45);border-radius:14px;background:linear-gradient(155deg,rgba(15,31,44,.98),rgba(9,22,33,.98));min-height:420px;overflow:hidden}.dev-detail-head{padding:15px 16px;border-bottom:1px solid rgba(84,137,170,.22);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dev-detail-body{padding:15px}.dev-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.dev-mini{padding:10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(84,137,170,.18)}.dev-mini b{display:block;color:#fff;font-size:14px}.dev-mini span{display:block;color:var(--mut);font-size:9px;text-transform:uppercase;margin-top:4px}.dev-actions{display:flex;gap:7px;flex-wrap:wrap}.dev-actions .btn{width:auto}.dev-timeline{display:flex;flex-direction:column;gap:7px;margin-top:12px}.dev-event{padding:9px 11px;border-left:3px solid #31566d;background:rgba(255,255,255,.025);border-radius:7px;font-size:11px;color:#c9dae6}.dev-event b{color:#fff}.dev-diff{color:#ff8792;font-weight:800}.dev-ok{color:var(--verde);font-weight:800}.dev-xml-note{padding:10px 12px;border-radius:10px;border:1px solid rgba(67,183,255,.25);background:rgba(67,183,255,.055);font-size:12px;color:#cde9fa;margin:9px 0}.dev-xml-note.bad{border-color:rgba(255,82,100,.3);background:rgba(255,82,100,.055);color:#ffc0c6}
@media(max-width:1200px){.dev-kpis{grid-template-columns:repeat(3,1fr)}.dev-layout{grid-template-columns:1fr}.dev-list{max-height:none}}
@media(max-width:760px){.dev-kpis{grid-template-columns:1fr 1fr}.dev-filterbar input,.dev-filterbar select,.dev-filterbar .btn{width:100%!important}.dev-summary{grid-template-columns:1fr 1fr}.dev-detail-head{flex-direction:column}.dev-actions{width:100%}.dev-actions .btn{flex:1}}