/* ============================================================================
   pos-v4272.css · POS Polish · CAPA 2 / 3 · prioridad MEDIA
   
   Mejoras 8-15 del feedback original:
    8. Compactar panel cliente
    9. Plan Manolito como badge premium una línea
   10. Modal peso premium total (jerarquía visual final)
   11. Más vendidos como accesos rápidos directos al carrito
   12. Mejorar jerarquía visual general
   
   Filosofía igual a V4.27.1: CSS aislado, prefijo .pos-cuadrado, reversible.
   ============================================================================ */

/* ============================================================================
   PATCH 01 · Panel cliente compacto · sub-block más denso
   ============================================================================ */

/* Inputs del panel cliente más compactos */
.pos-cuadrado .zona-extras .sub-block input,
.pos-cuadrado .zona-extras .sub-block .inp {
    padding: 7px 10px !important;
    font-size: 12px !important;
    margin-bottom: 5px !important;
    height: 34px !important;
}

/* Cuando hay cliente seleccionado · card más sintética */
.pos-cuadrado .zona-extras .cli-sel {
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    border-radius: 8px !important;
}
.pos-cuadrado .zona-extras .cli-sel b {
    font-size: 13px !important;
}
.pos-cuadrado .zona-extras .cli-sel .small {
    font-size: 10px !important;
    margin-top: 2px !important;
}
.pos-cuadrado .zona-extras .cli-sel .cli-badge {
    font-size: 9px !important;
    padding: 1px 6px !important;
    margin-right: 4px !important;
}
.pos-cuadrado .zona-extras .cli-sel button.btn-xs {
    padding: 2px 6px !important;
    font-size: 10px !important;
    margin-top: 4px !important;
}

/* Headers internos de la columna derecha · más finos */
.pos-cuadrado .zona-extras h3 {
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
    margin: 8px 0 5px !important;
    padding-bottom: 4px !important;
}
.pos-cuadrado .zona-extras h3.mt-2 {
    margin-top: 10px !important;
}

/* Sub-blocks · padding reducido */
.pos-cuadrado .zona-extras .sub-block {
    padding: 0 !important;
    margin: 0 0 6px !important;
}


/* ============================================================================
   PATCH 02 · Plan Manolito BADGE premium una línea
   ============================================================================ */

/* Cuando hay un mensaje (no se sumó / es Manolito / etc) · una sola línea premium */
.pos-cuadrado .zona-extras .pm-status {
    padding: 8px 12px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-width: 1px !important;
    box-shadow: none !important;
}
.pos-cuadrado .zona-extras .pm-status button.btn-xs {
    margin-left: auto !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #cbd5e1 !important;
}
.pos-cuadrado .zona-extras .pm-status button.btn-xs:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

/* Chip Manolito a la derecha del título */
.pos-cuadrado .zona-extras .manolito-chip {
    padding: 1px 6px !important;
    font-size: 10px !important;
    margin-left: auto !important;
    border-radius: 4px !important;
}


/* ============================================================================
   PATCH 03 · Modal peso PREMIUM final · jerarquía total
   ============================================================================ */

/* Refinar el modal peso · más clean */
.modal-peso-bg {
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    background: rgba(0, 0, 0, 0.75) !important;
}

.modal-peso-box {
    border-radius: 14px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6),
                0 0 0 1px rgba(34, 197, 94, 0.2) !important;
    border: none !important;
    padding: 20px !important;
    max-width: 480px !important;
}

.modal-peso-box .modal-peso-head {
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.modal-peso-box .peso-ico {
    font-size: 36px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.modal-peso-box .peso-title {
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    color: #4ade80 !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

.modal-peso-box .peso-prod {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
}

.modal-peso-box .peso-precio {
    font-size: 12px !important;
    color: #94a3b8 !important;
    margin-top: 3px !important;
}
.modal-peso-box .peso-precio .muted {
    color: #6a7283 !important;
    font-size: 11px !important;
}

/* Input peso central · ya está grande, refinamos */
.modal-peso-box .peso-input-wrap {
    margin: 14px 0 !important;
}
.modal-peso-box .peso-input-wrap label {
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 6px !important;
}
.modal-peso-box .peso-input,
.modal-peso-box .peso-input-gr {
    width: 100% !important;
    text-align: center !important;
    font-size: 42px !important;
    font-weight: 900 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border: 2px solid rgba(245, 166, 35, 0.45) !important;
    border-radius: 10px !important;
    padding: 12px !important;
    color: #fff !important;
    font-variant-numeric: tabular-nums !important;
    transition: border-color 140ms !important;
}
.modal-peso-box .peso-input:focus,
.modal-peso-box .peso-input-gr:focus {
    outline: none !important;
    border-color: rgba(245, 166, 35, 0.85) !important;
    box-shadow: 0 0 0 4px rgba(245, 166, 35, 0.12) !important;
}


/* ============================================================================
   PATCH 04 · Más vendidos / Recientes · accesos rápidos directos
   ============================================================================ */

/* Más vendidos · ítem como botón visual claro */
.pos-cuadrado .zona-busqueda .pos-section .pos-row {
    cursor: pointer !important;
    transition: all 140ms !important;
    border: 1px solid transparent !important;
}
.pos-cuadrado .zona-busqueda .pos-section .pos-row:hover {
    background: rgba(245, 166, 35, 0.08) !important;
    border-color: rgba(245, 166, 35, 0.25) !important;
    transform: translateX(2px) !important;
}

/* "x1 hoy" · simplificado a un punto naranja chico al hacer hover */
.pos-cuadrado .zona-busqueda .pos-section .pos-row .pos-row-meta .chip {
    font-size: 9px !important;
    padding: 1px 5px !important;
    opacity: 0.7 !important;
}

/* Categorías en la meta · color sutil */
.pos-cuadrado .zona-busqueda .pos-section .pos-row .pos-row-meta {
    color: #6a7283 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

/* Recientes · pills más chicas (era 36px, ahora 28px) */
.pos-cuadrado .zona-busqueda .pos-section .pos-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-bottom: 6px !important;
}
.pos-cuadrado .zona-busqueda .pos-pills .pos-pill {
    padding: 5px 10px !important;
    font-size: 11px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    cursor: pointer !important;
    transition: all 140ms !important;
}
.pos-cuadrado .zona-busqueda .pos-pills .pos-pill:hover {
    background: rgba(245, 166, 35, 0.15) !important;
    border-color: rgba(245, 166, 35, 0.4) !important;
    transform: translateY(-1px) !important;
}


/* ============================================================================
   PATCH 05 · Sugerencias / Combos panels · más compactos
   ============================================================================ */

.pos-cuadrado .zona-extras .panel-mini {
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    min-height: 34px !important;
    margin-bottom: 5px !important;
    box-shadow: none !important;
    border-width: 1px !important;
}
.pos-cuadrado .zona-extras .panel-mini .pm-ico {
    font-size: 14px !important;
}
.pos-cuadrado .zona-extras .panel-mini .pm-titulo {
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    font-weight: 800 !important;
}
.pos-cuadrado .zona-extras .panel-mini .pm-count {
    font-size: 11px !important;
    padding: 1px 6px !important;
}
.pos-cuadrado .zona-extras .panel-mini .pm-empty {
    font-size: 10px !important;
    color: #6a7283 !important;
}
.pos-cuadrado .zona-extras .panel-mini.panel-mini-tiene {
    background: linear-gradient(180deg, rgba(245, 166, 35, 0.10), rgba(245, 166, 35, 0.04)) !important;
    border-color: rgba(245, 166, 35, 0.3) !important;
}


/* ============================================================================
   PATCH 06 · Recomendaciones cliente (Más compra / Última / Trending)
   ============================================================================ */

.pos-cuadrado .zona-extras .recs-cli {
    margin-top: 8px !important;
}
.pos-cuadrado .zona-extras .recs-tabs {
    display: flex !important;
    gap: 4px !important;
    margin-bottom: 6px !important;
    flex-wrap: wrap !important;
}
.pos-cuadrado .zona-extras .recs-tab {
    padding: 4px 8px !important;
    font-size: 10px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    cursor: pointer !important;
    color: #94a3b8 !important;
}
.pos-cuadrado .zona-extras .recs-tab.on {
    background: rgba(245, 166, 35, 0.15) !important;
    color: #fde68a !important;
    border-color: rgba(245, 166, 35, 0.3) !important;
}

.pos-cuadrado .zona-extras .rec-item {
    padding: 5px 8px !important;
    font-size: 11px !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 8px !important;
    align-items: center !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background 140ms !important;
    border: 1px solid transparent !important;
}
.pos-cuadrado .zona-extras .rec-item:hover {
    background: rgba(245, 166, 35, 0.08) !important;
    border-color: rgba(245, 166, 35, 0.2) !important;
}
.pos-cuadrado .zona-extras .rec-nom {
    font-weight: 600 !important;
    color: #cbd5e1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.pos-cuadrado .zona-extras .rec-pre {
    font-weight: 700 !important;
    color: #4ade80 !important;
    font-size: 11px !important;
    font-variant-numeric: tabular-nums !important;
}
.pos-cuadrado .zona-extras .rec-veces {
    font-size: 9px !important;
    padding: 1px 5px !important;
    background: rgba(245, 166, 35, 0.18) !important;
    color: #fde68a !important;
    border-radius: 3px !important;
}


/* ============================================================================
   PATCH 07 · Carrito vacío · MUCHO más compacto
   ============================================================================ */

.pos-cuadrado .cart-empty,
.pos-cuadrado .vn-cart-empty,
.pos-cuadrado .zona-carrito .empty-state {
    min-height: 60px !important;
    padding: 14px !important;
    font-size: 12px !important;
    color: #6a7283 !important;
    text-align: center !important;
    font-style: italic !important;
}


/* ============================================================================
   PATCH 08 · Jerarquía visual general · contenedores menos competitivos
   ============================================================================ */

/* Reducir intensidad de gradientes en panels secundarios */
.pos-cuadrado .zona-extras .sub-block {
    background: transparent !important;
    border: none !important;
}

/* Headers con underline gradient sutil */
.pos-cuadrado .zona-extras h3::after,
.pos-cuadrado .zona-busqueda h3::after,
.pos-cuadrado .zona-carrito h3::after {
    height: 1px !important;
    opacity: 0.4 !important;
    background: linear-gradient(90deg, currentColor, transparent) !important;
}

/* Botones secundarios · menos peso */
.pos-cuadrado button.btn-ghost {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}