/* Móviles Suma - catálogo empresarial (gerencia / jefe / supervisor) */
.mov-shell{display:grid;gap:16px}

.mov-heading{padding:22px 28px;border-radius:20px;background:linear-gradient(115deg,#10233f,#0b1525 60%,#132d4c);border:1px solid #294567;box-shadow:0 22px 55px #0005;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.mov-heading small{color:#27c7ff;font-weight:900;letter-spacing:2.5px}
.mov-heading h1{font-size:32px;margin:6px 0}
.mov-heading p{color:#a9b9cb;margin:0;font-size:13px}
.mov-source-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.5px;background:#0bbdf015;color:#60d9ff;border:1px solid #18bce055}
.mov-source-badge.is-local{background:#ffbd1618;color:var(--gold);border-color:#ffbd1655}
.mov-source-badge.is-cloud{background:#22cc7a15;color:#6be7a9;border-color:#22cc7a55}
.mov-source-badge span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}

.mov-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(120px,.85fr)) auto auto;gap:12px;align-items:end;background:#0c1523;border:1px solid #21344e;border-radius:17px;padding:16px}
.mov-toolbar label{display:grid;gap:6px;margin:0;color:#93a6bc;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.mov-toolbar input,.mov-toolbar select{height:44px;padding:0 12px;border:1px solid #304765;background:#08111e;color:#fff;border-radius:10px}
.mov-toolbar button{height:44px;border:0;border-radius:10px;padding:0 16px;font-weight:850;white-space:nowrap}
.mov-search input{font-weight:600}

.mov-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.mov-summary article{display:grid;gap:3px;background:linear-gradient(145deg,#111d2d,#0b1421);border:1px solid #223750;border-radius:15px;padding:16px 18px}
.mov-summary span{color:#8094aa;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.mov-summary b{font-size:26px}
.mov-summary small{color:#55cfff}

.mov-group-bar{background:#0c1523;border:1px solid #21344e;border-radius:16px;padding:14px}
.mov-group-title{color:#93a6bc;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.mov-group-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.mov-group-tabs button{border:1px solid #304762;background:#111e2e;color:#a8b8c9;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:800}
.mov-group-tabs button.active{background:#0ba5df22;border-color:#12bfff;color:#fff}
.mov-group-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}
.mov-group-chips button{flex:0 0 auto;border:1px solid #304762;background:#111e2e;color:#a8b8c9;border-radius:20px;padding:7px 13px;font-size:11px;display:flex;align-items:center;gap:7px}
.mov-group-chips button b{font-weight:900;color:#fff}
.mov-group-chips button span{background:#1c2d43;color:#8fd8ff;border-radius:99px;padding:1px 8px;font-size:10px;font-weight:900}
.mov-group-chips button.active{background:#0ba5df22;border-color:#12bfff;color:#fff}
.mov-group-chips button.active span{background:#12bfff;color:#062334}

.mov-sheet .sheet-scroll{max-height:62vh}
.mov-table td{padding:9px 10px;font-size:12.5px;color:#1c2c40}
.mov-table th{white-space:nowrap}
.mov-table tr{cursor:pointer}
.mov-table tr:hover td{background:#eaf5ff!important}
.mov-code-cell{font-weight:900;color:#0a6fa5}
.mov-plate-cell{font-weight:800;letter-spacing:.5px}
.mov-status-pill{display:inline-flex;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:900;letter-spacing:.4px}
.mov-status-pill.active{background:#dff7e9;color:#166a42}
.mov-status-pill.inactive{background:#ffe3e6;color:#a6293a}
.mov-empty-row{text-align:center;padding:60px!important;color:#7b8b9e;background:#fff!important}

.mov-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0}
.mov-detail-grid div{display:grid;gap:2px}
.mov-detail-grid span{color:#7f92aa;font-size:10px;text-transform:uppercase;letter-spacing:.6px}
.mov-detail-grid b{color:#fff;font-size:14px;word-break:break-word}

@media(max-width:1200px){
  .mov-toolbar{grid-template-columns:1fr 1fr}
  .mov-search{grid-column:1/-1}
  .mov-summary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .mov-heading{padding:18px}
  .mov-heading h1{font-size:24px}
  .mov-toolbar{grid-template-columns:1fr}
  .mov-toolbar button{width:100%}
  .mov-summary{grid-template-columns:1fr 1fr}
  .mov-detail-grid{grid-template-columns:1fr}
}