/* Colores de tipo: compartidos por filas renderizadas inicialmente y por AJAX. */
@media screen {
 body[data-mp-ui] tr.fila-calle { --mp-tipo-fondo:#e7f3ff; }
 body[data-mp-ui] tr.fila-despacho { --mp-tipo-fondo:#fff3cd; }
 body[data-mp-ui] tr.fila-caja { --mp-tipo-fondo:#eee5fa; }
 body[data-mp-ui] table tbody tr:is(.fila-calle,.fila-despacho,.fila-caja)>* {
  background-color:var(--mp-tipo-fondo)!important;color:#252b34;
  --bs-table-bg:var(--mp-tipo-fondo);--bs-table-accent-bg:transparent;
  --bs-table-striped-bg:transparent;--bs-table-hover-bg:transparent;
  --bs-table-bg-type:transparent;--bs-table-bg-state:transparent;
  box-shadow:none!important;
 }
 body[data-mp-ui] .muestra-calle{background-color:#e7f3ff;}
 body[data-mp-ui] .muestra-despacho{background-color:#fff3cd;}
 body[data-mp-ui] .muestra-caja{background-color:#eee5fa;}
 body[data-mp-ui] .muestra-pista-lista{background-color:#d5f5e3;}
 .mp-tipos-leyenda{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:13px;color:#454c54;}
 .mp-tipos-leyenda span{display:inline-flex;align-items:center;gap:6px;}
 .mp-tipos-leyenda i{display:inline-block;width:20px;height:15px;border:1px solid #0002;border-radius:3px;}
}
@media print { .mp-tipos-leyenda{display:none;} }
/* Tema común. Sólo pantalla: no cambia el formato de impresión. */
@media screen {
 body[data-mp-ui] *,body[data-mp-ui] *::before,body[data-mp-ui] *::after{box-sizing:border-box;}
}
@media screen {
  body[data-mp-ui] {
    --mp-orange: #f47b20;
    --mp-ink: #252b34;
    --mp-border: #dce1e7;
    margin: 0;
    padding: 0;
    background: #f4f5f7 !important;
    color: var(--mp-ink);
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
  }
  [data-mp-ui] .mp-header {
    position: relative;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
    padding: 14px max(20px, calc((100% - 1400px) / 2));
    background: var(--mp-orange);
    color: #20242a;
    box-shadow: 0 3px 12px #20242a14;
    text-align: left;
  }
  [data-mp-ui] .mp-brand { font-size: 1.125rem; font-weight: 750; }
  [data-mp-ui]:has(.card-wrapper) { display: block; }
  [data-mp-ui] .card-wrapper { margin: 40px auto; }
  [data-mp-ui] .mp-navigation { position: relative; flex-shrink: 0; }
  [data-mp-ui] .mp-navigation summary {
    cursor: pointer;
    padding: 9px 17px;
    border: 1px solid #72300655;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 650;
    background: #ffffffc9;
  }
  [data-mp-ui] .mp-navigation .nvar {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    width: min(430px, calc(100vw - 32px));
    max-height: 75vh;
    overflow-y: auto;
    padding: 12px;
    margin: 0;
    background: #fff;
    border: 1px solid var(--mp-border);
    border-radius: 12px;
    box-shadow: 0 15px 45px #20242a26;
  }
  [data-mp-ui] .mp-navigation .nvar .btn {
    margin: 0;
    padding: 11px 10px;
    background: #fff;
    color: #303740;
    border: 1px solid transparent;
    text-align: left;
    font-size: .875rem;
    white-space: normal;
  }
  [data-mp-ui] .mp-navigation .btn:hover,
  [data-mp-ui] .mp-navigation .btn[aria-current] {
    background: #fff0e5;
    border-color: #efbf9c;
    color: #833604;
  }
  [data-mp-ui] > .container,
  [data-mp-ui] > .contenedor,
  [data-mp-ui] > main.page-shell {
    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 28px auto !important;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--mp-border);
    border-radius: 14px;
    box-shadow: 0 5px 20px #20242a08;
    text-align: left;
  }
  [data-mp-ui] > .container > .contenedor {
    width: 100%; max-width: none; padding-top: 0; text-align: left;
  }
  [data-mp-ui] h1, [data-mp-ui] h2, [data-mp-ui] h3 {
    font-family: inherit; color: var(--mp-ink); font-weight: 700;
  }
  [data-mp-ui] h1, [data-mp-ui] h2 { font-size: 1.65rem; margin-bottom: 20px; }
  [data-mp-ui] label { color: #434c58; font-size: .875rem; font-weight: 600; }
  [data-mp-ui] .form-control, [data-mp-ui] .form-select,
  [data-mp-ui] .select-pago {
    border: 1px solid #cbd2db;
    background-color: #fff;
    color: #252b34;
    border-radius: 7px;
    min-height: 38px;
    font-family: inherit;
    font-size: .9375rem;
    padding: 7px 10px;
  }
  [data-mp-ui] input:focus, [data-mp-ui] select:focus,
  [data-mp-ui] textarea:focus {
    border-color: #c15b10;
    outline: 2px solid #f47b2040;
    outline-offset: 1px;
    box-shadow: none;
  }
  [data-mp-ui] input[readonly], [data-mp-ui] input:disabled { background: #eef1f4; }
  [data-mp-ui] .btn {
    font-family: inherit;
    border-radius: 7px;
    font-size: .875rem;
    padding: 8px 12px;
    line-height: 1.4;
  }
  [data-mp-ui] .btn-primary {
    background: #ad4b05; border-color: #ad4b05; color: #fff;
  }
  [data-mp-ui] .btn-primary:hover { background: #853801; border-color: #853801; }
  [data-mp-ui] .btn-outline-primary { color: #944003; border-color: #ba6a32; }
  [data-mp-ui] .btn-outline-primary:hover { background: #fff0e5; color: #713000; }
  [data-mp-ui] :is(a,button,summary):focus-visible { outline: 3px solid #242f45; outline-offset: 3px; }
  [data-mp-ui] table { font-size: .875rem; }
  [data-mp-ui] .table th, [data-mp-ui] .table td { padding: 12px 10px; vertical-align: middle; }
  [data-mp-ui] .table thead th {
    background: #eef1f5; color: #465261; border-bottom: 2px solid #d3dae3;
    font-size: .875rem; font-weight: 700;
  }
  /* Se conservan los colores de filas y alertas que indican estados del negocio. */
  [data-mp-ui] .table td { border-color: #e1e5ea; }
  [data-mp-ui] .modal-content { border-radius: 14px; border: 1px solid var(--mp-border); }
  [data-mp-ui] .modal-header { background: #fff0e5; border-bottom-color: #edcfb9; }
  [data-mp-ui] .modal-title { margin-bottom: 0; font-size: 1.2rem; }
  [data-mp-ui] .card, [data-mp-ui] .filter-panel, [data-mp-ui] .summary-card {
    border: 1px solid var(--mp-border); border-radius: 12px; box-shadow: 0 4px 16px #20242a08;
  }
  [data-mp-ui] .pagination .active > .page-link { background: #ad4b05; border-color: #ad4b05; }
  [data-mp-ui] .dashboard-shell { padding-top: 28px; }
  [data-mp-ui] .dashboard-card small,
  [data-mp-ui] .dashboard-label,
  [data-mp-ui] .dashboard-total small,
  [data-mp-ui] .dashboard-list-heading small { color: #596574; font-size: .875rem; }
  [data-mp-ui] .dashboard-card { min-width: 0; }
  [data-mp-ui] .dashboard-card-icon { color: #833604; }
  [data-mp-ui] .dashboard-card, [data-mp-ui] .dashboard-button { text-decoration: none; }
  [data-mp-ui] .dashboard-button-primary { background: #ad4b05; border-color: #ad4b05; }
  [data-mp-ui] .dashboard-list a { color: #944003; }
  [data-mp-ui].mp-login .container-login { background: #f4f5f7; border-top: 8px solid var(--mp-orange); }
  [data-mp-ui].mp-login .wrap-login {
    width: min(440px, 100%); padding: 48px 36px;
    background: #fff; border: 1px solid var(--mp-border); border-radius: 16px;
    box-shadow: 0 12px 40px #20242a12;
  }
  [data-mp-ui].mp-login .login-form-title { font-family: inherit; font-size: 1.8rem; margin-bottom: 32px; }
  [data-mp-ui].mp-login .login-form-bgbtn { background: #ad4b05; }
  [data-mp-ui].mp-login .wrap-login-form-btn { border-radius: 8px; }
  [data-mp-ui].mp-login .login-form-btn { font-family: inherit; font-size: 1rem; font-weight: 700; }
  [data-mp-ui].mp-login .focus-efecto::before { background: var(--mp-orange); }
  @media (max-width: 760px) {
    [data-mp-ui] > .container, [data-mp-ui] > .contenedor, [data-mp-ui] > main.page-shell {
      width: calc(100% - 20px); margin: 16px auto !important; padding: 16px 12px;
      overflow-x: auto;
    }
    [data-mp-ui] .mp-header { padding: 12px 14px; }
    [data-mp-ui] .mp-brand { font-size: 1rem; }
    [data-mp-ui] .table th, [data-mp-ui] .table td { padding: 10px 8px; }
    [data-mp-ui] .dashboard-card-icon { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-mp-ui] *, [data-mp-ui] *::before, [data-mp-ui] *::after { transition: none !important; }
  }
}
@media print { .mp-header { display: none !important; } .mp-table-scroll { overflow: visible; } }

/* Panel derecho y alineación de órdenes, revisión 2. */
@media screen {
  body[data-mp-ui]:has(.mp-navigation) { padding-right: 72px; }
  body[data-mp-ui]:has(.mp-navigation[open]) { padding-right: 280px; }
  [data-mp-ui] .mp-navigation {
    position: fixed; top: 0; right: 0; bottom: 0;
    width: 72px; background: #fff; border-left: 1px solid #dce1e7;
    box-shadow: -4px 0 18px #20242a0a;
  }
  [data-mp-ui] .mp-navigation[open] { width: 280px; }
  [data-mp-ui] .mp-navigation summary {
    display: flex; align-items: center; justify-content: center;
    height: 72px; padding: 12px 6px; border: 0; border-bottom: 1px solid #dce1e7;
    border-radius: 0; background: #fff0e5; color: #783602;
    list-style: none; font-size: .875rem;
  }
  [data-mp-ui] .mp-navigation summary::-webkit-details-marker { display: none; }
  [data-mp-ui] .mp-navigation .nvar {
    position: static; display: flex; flex-direction: column;
    width: 100%; max-height: calc(100dvh - 72px); gap: 6px;
    padding: 14px; border: 0; border-radius: 0; box-shadow: none;
  }
  [data-mp-ui] .mp-navigation:not([open]) .nvar { display: none; }
  [data-mp-ui] .mp-navigation .nvar .btn { min-height: 42px; }
  [data-mp-ui] .mp-order-form { padding: 0; box-shadow: none; }
  [data-mp-ui] .mp-order-form > .row {
    --bs-gutter-x: 20px; margin-bottom: 18px;
    justify-content: flex-start !important; align-items: flex-end;
  }
  [data-mp-ui] .mp-order-form > .row:not(.producto-row) > [class*="col-"] {
    flex: 1 1 0; width: auto; max-width: none; min-width: 0;
  }
  [data-mp-ui] .mp-order-form label { display: inline-block; margin: 0 0 6px; }
  [data-mp-ui] .mp-order-form .form-control,
  [data-mp-ui] .mp-order-form .form-select { margin: 0; text-align: left !important; }
  [data-mp-ui] .mp-order-form .row br { display: none; }
  [data-mp-ui] .mp-order-form .tabla { margin-top: 24px; overflow-x: auto; }
  [data-mp-ui] .mp-order-form .tabla table { width: 100%; min-width: 600px; table-layout: fixed; }
  [data-mp-ui] .mp-order-form .tabla th:nth-child(1) { width: 25%; }
  [data-mp-ui] .mp-order-form .tabla th:nth-child(3) { width: 20%; }
  [data-mp-ui] .mp-order-form .tabla th:nth-child(4) { width: 58px; }
  [data-mp-ui] .mp-order-form input[name$="[precio]"],
  [data-mp-ui] .mp-order-form #resultado { text-align: right !important; font-variant-numeric: tabular-nums; }
  [data-mp-ui] .mp-order-form .producto-row { padding: 12px 0; border-bottom: 1px solid #e1e5ea; }
  [data-mp-ui] .mp-remove-product {
    display: inline-flex; justify-content: center; align-items: center;
    width: 36px; min-width: 36px; height: 38px; margin: 0;
    border: 1px solid #f1c6cb; border-radius: 8px;
    color: #b42335; background: #fff2f3; font-size: 1.5rem; line-height: 1;
    cursor: pointer;
  }
  [data-mp-ui] .mp-remove-product:hover { background: #ffe0e4; border-color: #b42335; }
  [data-mp-ui] .mp-remove-product:disabled { opacity: .35; cursor: not-allowed; }
  [data-mp-ui] .mp-order-actions {
    display: flex; justify-content: space-between; align-items: flex-end;
    flex-wrap: wrap; gap: 20px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #dce1e7;
  }
  [data-mp-ui] .mp-order-total { width: 220px; }
  [data-mp-ui] .mp-order-total #resultado { font-size: 1.25rem; font-weight: 700; }
  [data-mp-ui] .mp-order-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
  [data-mp-ui] .mp-order-buttons .btn { margin: 0; min-height: 44px; padding: 10px 18px; font-weight: 600; }
  [data-mp-ui] .mp-add-product { background: #fff; color: #934003; border: 1px solid #cf956c; }
  [data-mp-ui] .mp-add-product:hover { background: #fff0e5; }
  @media (max-width: 900px) {
    body[data-mp-ui]:has(.mp-navigation), body[data-mp-ui]:has(.mp-navigation[open]) { padding-right: 0; }
    [data-mp-ui] .mp-navigation:not([open]) { bottom: auto; height: 72px; }
    [data-mp-ui] .mp-header { padding-right: 84px; }
    [data-mp-ui] .mp-navigation[open] { width: min(280px, 85vw); box-shadow: -10px 0 40px #20242a35; }
    [data-mp-ui] .mp-order-form .producto-row > [class*="col-"] { flex: 1 1 160px; width: auto; margin-bottom: 10px; }
  }
  @media (max-width: 576px) {
    [data-mp-ui] .mp-order-form > .row:not(.producto-row) > [class*="col-"] { flex: 1 1 100%; margin-bottom: 12px; }
    [data-mp-ui] .mp-order-buttons, [data-mp-ui] .mp-order-total { width: 100%; }
    [data-mp-ui] .mp-order-buttons .btn { flex: 1 1 auto; }
  }
}

/* Adaptación al espacio disponible, incluidos zoom y panel abierto. */
@media screen {
  body[data-mp-ui] { min-width: 0; min-height: 100dvh; }
  [data-mp-ui] > .container, [data-mp-ui] > .contenedor,
  [data-mp-ui] > main.page-shell, [data-mp-ui] > .dashboard-shell {
    width: calc(100% - 32px); max-width: 1600px; min-width: 0;
  }
  [data-mp-ui] .mp-order-form, [data-mp-ui] .dashboard { container-type: inline-size; }
  [data-mp-ui] > .container, [data-mp-ui] > .contenedor,
  [data-mp-ui] > main.page-shell { overflow: visible; }
  [data-mp-ui] .row > *, [data-mp-ui] form,
  [data-mp-ui] .dataTables_wrapper { min-width: 0; }
  [data-mp-ui] input, [data-mp-ui] select,
  [data-mp-ui] textarea { max-width: 100%; }
  [data-mp-ui] .mp-table-scroll, [data-mp-ui] .table-responsive {
    width: 100%; max-width: 100%; overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  [data-mp-ui] .mp-table-scroll > table { width: 100%; }
  [data-mp-ui] .mp-table-scroll td { overflow-wrap: anywhere; }
  [data-mp-ui] .mp-table-scroll td .btn { white-space: nowrap; }
  [data-mp-ui] .dataTables_wrapper :is(.row, .dt-buttons),
  [data-mp-ui] .toolbar, [data-mp-ui] .result-bar { flex-wrap: wrap; gap: 10px; }
  [data-mp-ui] .dataTables_wrapper label { white-space: normal; }
  [data-mp-ui] .dataTables_wrapper input { max-width: 100%; }
  [data-mp-ui] .pagination { flex-wrap: wrap; }
  [data-mp-ui] .btn, [data-mp-ui] .dashboard-button {
    white-space: normal; overflow-wrap: break-word;
  }
  [data-mp-ui] .mp-brand { overflow-wrap: anywhere; }
  [data-mp-ui] .modal-dialog { max-width: min(800px, calc(100% - 24px)); margin: 12px auto; }
  [data-mp-ui] .modal-dialog.modal-sm { max-width: min(300px, calc(100% - 24px)); }
  [data-mp-ui] .modal-dialog.modal-xl { max-width: min(1140px, calc(100% - 24px)); }
  [data-mp-ui] .modal-body { overflow-x: auto; }
  [data-mp-ui] .modal-footer { gap: 8px; flex-wrap: wrap; }
  [data-mp-ui] .dashboard-metrics {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0;
  }
  [data-mp-ui] .dashboard-metrics > * { width: auto; padding: 0; }
  [data-mp-ui] .dashboard-detail-row { margin-left: -8px; margin-right: -8px; }
  [data-mp-ui] .dashboard-detail-row > * { padding-left: 8px; padding-right: 8px; }
  [data-mp-ui] .mp-navigation .nvar { max-height: calc(100dvh - 72px); padding-bottom: max(14px, env(safe-area-inset-bottom)); }
  @container (max-width: 1050px) {
    [data-mp-ui] .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [data-mp-ui] .dashboard-heading { flex-direction: column; align-items: flex-start; }
    [data-mp-ui] .dashboard-actions { width: 100%; justify-content: flex-start; }
    [data-mp-ui] .dashboard-detail-row > * { width: 100%; }
  }
  @container (max-width: 760px) {
    [data-mp-ui] .mp-order-form .producto-row > [class*="col-"] {
      flex: 1 1 180px; width: auto; margin-bottom: 10px;
    }
    [data-mp-ui] .mp-order-form > .row:not(.producto-row) > [class*="col-"] {
      flex: 1 1 220px; margin-bottom: 10px;
    }
    [data-mp-ui] .mp-order-form .tabla table,
    [data-mp-ui] .mp-order-form .tabla tbody { display: block; min-width: 0; width: 100%; }
    [data-mp-ui] .mp-order-form .tabla thead {
      position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
    }
    [data-mp-ui] .mp-order-form .tabla tr.producto {
      display: grid; grid-template-columns: minmax(0, 1fr) 48px;
      gap: 12px; padding: 14px; margin-bottom: 14px;
      border: 1px solid #dce1e7; border-radius: 10px; background: #fff;
    }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :is(td,th) {
      display: block; width: auto; padding: 0; border: 0; min-width: 0;
    }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(1) { grid-column: 1; grid-row: 1; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(3) { grid-column: 1 / -1; grid-row: 3; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(4) { grid-column: 2; grid-row: 1; align-self: end; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(1)::before { content: "Código"; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(2)::before { content: "Descripción"; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :nth-child(3)::before { content: "Precio"; }
    [data-mp-ui] .mp-order-form .tabla tr.producto > :is(td,th)::before {
      display: block; margin-bottom: 6px; font-size: .875rem; font-weight: 600;
    }
  }
  @media (max-width: 900px) {
    [data-mp-ui] input:not([type="checkbox"]):not([type="radio"]),
    [data-mp-ui] textarea, [data-mp-ui] select { font-size: 1rem; }
    [data-mp-ui] .btn, [data-mp-ui] .mp-remove-product { min-height: 44px; }
    [data-mp-ui] .mp-remove-product { width: 44px; }
    [data-mp-ui] .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 576px) {
    [data-mp-ui] > .container, [data-mp-ui] > .contenedor,
    [data-mp-ui] > main.page-shell, [data-mp-ui] > .dashboard-shell { width: calc(100% - 20px); }
    [data-mp-ui] .mp-order-form > .row:not(.producto-row) > [class*="col-"] { flex-basis: 100%; }
    [data-mp-ui] .mp-order-total, [data-mp-ui] .mp-order-buttons { width: 100%; }
    [data-mp-ui] .mp-order-buttons { flex-direction: column; }
    [data-mp-ui] .mp-order-buttons .btn { width: 100%; }
    [data-mp-ui] .dashboard-card { padding: 14px 10px; }
    [data-mp-ui] .dashboard-label { overflow-wrap: anywhere; }
    [data-mp-ui] .dashboard-card small { display: none; }
    [data-mp-ui] .modal-footer .btn { margin: 0; flex: 1 1 auto; }
    [data-mp-ui] footer > .d-flex[style] { height: auto !important; padding: 20px; }
    [data-mp-ui].mp-login .wrap-login { padding: 32px 20px; }
    [data-mp-ui] .toolbar .btn-group { flex-wrap: wrap; }
  }
}

/* Referencia visual: lateral gris, identidad naranja y tablas azules. */
@media screen {
 body[data-mp-ui].mp-shell {--mp-side:220px;--mp-orange:#df6900;--mp-ink:#48505a;--mp-border:#dcdcdc;
  display:block;min-height:100vh;padding:120px 0 0 var(--mp-side)!important;background:#f0f0f0!important;
  color:#48505a;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;}
 body[data-mp-ui].mp-menu-collapsed{--mp-side:68px;}
 .mp-shell .mp-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--mp-side);z-index:1030;background:#e5e5e5;display:flex;flex-direction:column;text-align:left;overflow:hidden;}
 .mp-shell .mp-sidebar-brand{height:128px;min-height:128px;display:flex;align-items:center;gap:12px;padding:20px;color:white;background:#df6900;}
 .mp-shell .mp-monogram{display:flex;flex:0 0 56px;height:56px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:2px;font-size:21px;font-weight:800;letter-spacing:-1px;}
 .mp-shell .mp-brand-copy{min-width:0;line-height:1.3;font-size:14px;}
 .mp-shell .mp-brand-copy strong{display:block;color:#fff;}
 .mp-shell .mp-brand-copy small{display:block;color:#fff;font-size:12px;margin-top:6px;}
 .mp-shell .mp-sidebar .nvar{position:static;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 0;margin:0;width:100%;overflow-y:auto;flex:1;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;max-height:none;}
 .mp-shell .mp-sidebar .nvar a{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:11px 20px;text-decoration:none;text-align:left;background:transparent;border:0;border-left:3px solid transparent;border-radius:0;color:#585d63;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:none;}
 .mp-shell svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
 .mp-shell .mp-sidebar .nvar a:hover{color:#2e3339;background:#d8d8d8;}
 .mp-shell .mp-sidebar .nvar a[aria-current]{color:#c75d00;border-left-color:#e77510;background:#fff3e7;}
 .mp-shell .mp-sidebar .nvar .mp-exit-link{margin-top:auto;border-top:1px solid #d4d4d4;}
 .mp-shell .mp-sidebar .nvar a[hidden],.mp-shell .mp-nav-empty[hidden]{display:none!important;}
 .mp-shell .mp-nav-empty{padding:15px;font-size:14px;color:#62666c;}
 .mp-shell .mp-appbar{position:fixed;top:0;left:var(--mp-side);right:0;height:56px;z-index:1020;display:flex;align-items:center;gap:14px;padding:9px 16px;background:#f7f7f7;border-bottom:1px solid #e1e1e1;text-align:left;}
 .mp-shell .mp-menu-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:34px;flex:0 0 38px;background:#f17a08;color:#fff;border:0;border-radius:3px;cursor:pointer;}
 .mp-shell .mp-module-search{display:flex;align-items:center;gap:10px;width:380px;max-width:50%;padding:0 12px;background:#eaeaea;border-radius:3px;color:#707780;}
 .mp-shell .mp-module-search input{min-width:0;width:100%;height:36px;border:0;background:transparent;box-shadow:none;padding:6px 0;margin:0;border-radius:0;color:#414851;font:inherit;}
 .mp-shell .mp-module-search input:focus{outline:0;}
 .mp-shell .mp-module-search:focus-within{outline:2px solid #e87914;outline-offset:1px;}
 .mp-shell .mp-account{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:13px;white-space:nowrap;color:#62666e;}
 .mp-shell .mp-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e0e0e0;color:#64696f;}
 .mp-shell .mp-titlebar{position:fixed;top:56px;left:var(--mp-side);right:0;min-height:56px;z-index:1010;display:flex;align-items:center;gap:20px;padding:12px 16px;background:#fff;border-bottom:1px solid #eee;text-align:left;}
 .mp-shell .mp-titlebar h1{margin:0;font-size:17px;font-weight:700;text-transform:uppercase;color:#535c67;line-height:1.4;}
 .mp-shell .mp-section-label{font-size:12px;color:#667280;}
 .mp-shell .mp-original-heading{display:none;}
 .mp-shell .mp-backdrop{display:none;}
 body.mp-menu-collapsed .mp-brand-copy{display:none;}
 body.mp-menu-collapsed .mp-sidebar-brand{padding:12px;}
 body.mp-menu-collapsed .mp-monogram{flex-basis:44px;height:44px;font-size:18px;}
 body.mp-menu-collapsed .mp-sidebar .nvar a{padding:13px 20px;justify-content:center;}
 body.mp-menu-collapsed .mp-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
 body.mp-menu-collapsed .mp-nav-empty{display:none;}
 body[data-mp-ui].mp-shell > .container,body[data-mp-ui].mp-shell > .contenedor,
 body[data-mp-ui].mp-shell > main.page-shell,body[data-mp-ui].mp-shell > .dashboard-shell{
  width:calc(100% - 28px);max-width:none;min-width:0;margin:10px 14px 18px!important;padding:18px 16px;background:#fff;
  border:0;border-radius:5px;box-shadow:none;text-align:left;}
 .mp-shell .contenedor,.mp-shell .mp-order-form{box-shadow:none;}
 .mp-shell .mp-order-form>.row{--bs-gutter-x:18px;margin-bottom:14px;}
 .mp-shell label{font-size:13px;font-weight:500;color:#616970;margin-bottom:4px;}
 .mp-shell .form-control,.mp-shell .form-select,.mp-shell .select-pago{min-height:34px;font-size:14px;line-height:1.4;padding:6px 10px;border:1px solid #b8b8b8;border-radius:4px;background-color:#fff;color:#454c54;}
 .mp-shell input[readonly],.mp-shell input:disabled,.mp-shell select:disabled{background-color:#ededed;color:#61676e;}
 .mp-shell input:focus,.mp-shell textarea:focus,.mp-shell select:focus{border-color:#f17a08;outline:1px solid #f17a08;outline-offset:0;box-shadow:none;}
 .mp-shell .btn{font-size:14px;padding:6px 12px;min-height:34px;border-radius:4px;font-weight:500;box-shadow:none;}
 .mp-shell .btn-primary,.mp-shell .dashboard-button-primary{background:#287fee;border-color:#287fee;color:#fff;}
 .mp-shell .btn-primary:hover,.mp-shell .dashboard-button-primary:hover{background:#1764cd;border-color:#1764cd;}
 .mp-shell .btn-outline-primary,.mp-shell .mp-add-product{background:#f0f0f0;border-color:#f0f0f0;color:#227aec;}
 .mp-shell .btn-outline-primary:hover,.mp-shell .mp-add-product:hover{background:#e3edfc;border-color:#c4dafa;color:#155dbd;}
 .mp-shell .mp-order-buttons .btn{min-height:38px;padding:8px 16px;}
 .mp-shell .mp-remove-product{width:30px;min-width:30px;height:32px;border:1px solid #dedede;background:#f7f7f7;color:#bb3948;border-radius:3px;font-size:21px;}
 .mp-shell .mp-remove-product:hover{background:#fff0f1;border-color:#dc9aa4;}
 .mp-shell table{font-size:14px;}
 .mp-shell .table th,.mp-shell .table td{padding:9px 8px;vertical-align:middle;}
 .mp-shell table thead th,.mp-shell table thead td{background:#287fee!important;color:#fff!important;border-color:#287fee!important;padding:7px 9px;font-size:13px;font-weight:600;}
 .mp-shell table thead tr:first-child>:first-child{border-top-left-radius:5px;}
 .mp-shell table thead tr:first-child>:last-child{border-top-right-radius:5px;}
 .mp-shell .table td{border-color:#e4e4e4;}
 .mp-shell .mp-order-form .tabla{margin-top:18px;}
 .mp-shell .mp-order-form .tabla th:nth-child(1){width:24%;}
 .mp-shell .mp-order-form .tabla th:nth-child(3){width:19%;}
 .mp-shell .mp-order-form .tabla th:nth-child(4){width:48px;}
 .mp-shell .mp-order-actions{border-top:1px solid #ededed;margin-top:22px;padding-top:18px;}
 .mp-shell .mp-order-total #resultado{font-size:18px;background:#f4f4f4;}
 .mp-shell .modal-content,.mp-shell .card,.mp-shell .filter-panel,.mp-shell .summary-card{border-radius:5px;box-shadow:none;border-color:#ddd;}
 .mp-shell .modal-header{background:#f4f4f4;border-bottom-color:#ddd;}
 .mp-shell .modal-title{font-size:18px;color:#4a535e;}
 .mp-shell .toolbar,.mp-shell .result-bar{background:#f6f6f6;padding:10px;border-radius:4px;}
 .mp-shell .pagination .active>.page-link{background:#287fee;border-color:#287fee;}
 .mp-shell .dashboard-card-icon,.mp-shell .dashboard-list a{color:#2376df;}
 .mp-shell .dashboard-card{border-radius:5px;box-shadow:none;}
 .mp-shell footer{margin-top:14px;}
 .mp-shell footer>.d-flex[style]{height:auto!important;padding:14px;font-size:12px;color:#888;}
 .mp-shell :is(a,button):focus-visible{outline:3px solid #1764cd;outline-offset:2px;}
 @media(max-width:1100px){.mp-shell .mp-section-label{display:none;}}
 @media(max-width:900px){
  body[data-mp-ui].mp-shell,body[data-mp-ui].mp-menu-collapsed{--mp-side:0px;padding-left:0!important;}
  .mp-shell .mp-appbar,.mp-shell .mp-titlebar{left:0;}
  .mp-shell .mp-sidebar{width:240px;transform:translateX(-100%);visibility:hidden;z-index:1040;}
  .mp-shell.mp-menu-open .mp-sidebar{transform:translateX(0);visibility:visible;box-shadow:6px 0 30px #0002;}
  .mp-shell.mp-menu-open .mp-backdrop{display:block;position:fixed;inset:56px 0 0;top:56px;left:0;right:0;bottom:0;border:0;background:#16202b66;z-index:1030;width:100%;}
  .mp-shell .mp-appbar{z-index:1050;}
  .mp-shell .mp-sidebar-brand{margin-top:56px;height:110px;min-height:110px;padding:18px;}
  body.mp-menu-collapsed .mp-brand-copy{display:block;}
  body.mp-menu-collapsed .mp-sidebar .nvar a{justify-content:flex-start;padding:11px 20px;}
  body.mp-menu-collapsed .mp-nav-label{position:static;width:auto;height:auto;clip:auto;overflow:visible;}
  .mp-shell .mp-module-search{width:auto;flex:1;max-width:none;}
  .mp-shell .mp-account>span:first-child{display:none;}
  .mp-shell .btn{min-height:40px;}
  .mp-shell .form-control,.mp-shell .form-select{min-height:40px;font-size:16px;}
  .mp-shell .mp-remove-product{width:40px;height:40px;}
 }
 @media(max-width:576px){
  .mp-shell .mp-appbar{padding:8px 10px;gap:10px;}
  .mp-shell .mp-titlebar{padding:12px;}.mp-shell .mp-titlebar h1{font-size:15px;}
  body[data-mp-ui].mp-shell>.container,body[data-mp-ui].mp-shell>.contenedor,body[data-mp-ui].mp-shell>main.page-shell,body[data-mp-ui].mp-shell>.dashboard-shell{width:calc(100% - 16px);margin:8px!important;padding:14px 12px;}
 }
}
@media print{
 .mp-sidebar,.mp-appbar,.mp-titlebar,.mp-backdrop{display:none!important;}
 body[data-mp-ui].mp-shell{padding:0!important;margin:0!important;}
 .mp-original-heading{display:block!important;}
}
/* Integración de pantallas que antes tenían una presentación independiente. */
@media screen {
 body[data-mp-ui].mp-shell{display:block;min-height:100vh;height:auto;overflow-x:hidden;}
 .mp-shell .mp-sidebar svg,.mp-shell .mp-appbar svg{width:20px;height:20px;flex-shrink:0;}
 .mp-shell .mp-account{min-width:0;}
 .mp-shell .mp-account>span:first-child{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .mp-shell .mp-titlebar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
 .mp-shell .modal-dialog{max-width:min(95vw,900px);}
 .mp-shell .modal-body{overflow-x:auto;}
 .mp-shell .modal-footer{gap:8px;flex-wrap:wrap;}
 .mp-shell .modal input:not([type=checkbox]):not([type=radio]),.mp-shell .modal select,.mp-shell .modal textarea{max-width:100%;}
 .mp-shell .mp-table-scroll{max-width:100%;}
 .mp-shell .mp-module-search input{margin:0;}
 body[data-mp-ui].config-page{overflow:auto;}
 .mp-shell.config-page .config-card{width:calc(100% - 28px);max-width:none;margin:10px 14px 18px;padding:22px;background:#fff;color:#454c54;border:0;border-radius:5px;font-size:14px;}
 .mp-shell.config-page .config-card p{color:#616970;}
 .mp-shell.config-page .config-card a{color:#227aec;}
 .mp-shell.config-page .config-card .error{color:#b42318;}
 .mp-shell.config-page .config-card input{background:#fff;color:#454c54;border:1px solid #b8b8b8;border-radius:4px;font-size:14px;padding:8px 10px;}
 .mp-shell.config-page .config-card input[readonly]{background:#ededed;}
 .mp-shell.config-page .config-card button{background:#287fee;color:#fff;border-radius:4px;font-size:14px;padding:9px 14px;}
 .mp-shell.config-page .config-card button.secondary{background:#ededed;color:#454c54;}
 .mp-shell.config-page .config-card hr{border-color:#ddd;}
 body[data-mp-ui].mp-standalone{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;border-top:8px solid #df6900;}
 .mp-standalone .card{max-width:540px;width:100%;border:1px solid #ddd;border-radius:6px;background:white;}
 @media(max-width:576px){
  .mp-shell.config-page .config-card{width:calc(100% - 16px);margin:8px;padding:16px;}
  .mp-shell .modal-dialog{margin:8px;max-width:calc(100vw - 16px);}
  .mp-shell.config-page .config-card input{font-size:16px;}
 }
}