.venta-selector-trigger{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;min-height:44px;height:auto!important;white-space:normal;color:#263650;background:#fff;line-height:1.5;padding:10px 12px}.venta-selector-trigger span{overflow-wrap:anywhere}.venta-unidad{font-size:12px;color:#64748b;margin-top:7px;overflow-wrap:anywhere}.venta-producto-panel{height:min(78vh,720px)!important;border-radius:24px 24px 0 0;border-top:0;box-shadow:0 -20px 80px rgba(11,16,32,.2)}.venta-producto-panel .offcanvas-header{padding:24px 30px;border-bottom:1px solid #e5eaf4}.venta-producto-panel h5{font-size:25px;margin:5px 0}.venta-producto-panel .offcanvas-body{padding:24px 30px}.venta-selector-layout{display:grid;grid-template-columns:minmax(240px,34%) 1fr;gap:28px;max-width:1400px;margin:auto}.venta-productos-lista{display:grid;gap:10px;margin-top:16px}.venta-producto-card{display:flex;flex-direction:column;gap:6px;width:100%;padding:16px 18px;text-align:left;background:#f8faff;border:1px solid #e1e7f1;border-radius:14px;color:#253451;transition:.15s}.venta-producto-card small{color:#758297}.venta-producto-card.seleccionado{border-color:#5064ff;background:#eff1ff;box-shadow:0 0 0 2px rgba(80,100,255,.12)}.venta-atributos{padding:4px 4px 12px}.venta-atributos h4{font-size:22px;line-height:1.4;margin-bottom:20px;overflow-wrap:anywhere}.venta-atributo-grupo{margin:0 0 20px}.venta-atributo-grupo h6{font-size:13px;font-weight:700;color:#61708a;margin-bottom:10px}.venta-atributo-valores{display:flex;gap:10px;flex-wrap:wrap}.venta-atributo-chip{display:flex;align-items:center;gap:9px;min-height:44px;min-width:64px;padding:10px 15px;border:1px solid #dce3ef;border-radius:12px;color:#2c3b54;background:#fff;transition:.15s}.venta-atributo-chip i{opacity:0;color:#5064ff}.venta-atributo-chip.seleccionado{border-color:#5064ff;background:#eef0ff;color:#314be3;box-shadow:0 0 0 3px rgba(80,100,255,.09)}.venta-atributo-chip.seleccionado i{opacity:1}.venta-atributo-chip:disabled{opacity:.35;cursor:not-allowed}.venta-color-dot{height:18px;width:18px;border-radius:50%;border:1px solid #d5dbea;flex-shrink:0}.venta-variante-info{display:flex;flex-direction:column;gap:7px;padding:18px 20px;margin-top:20px;background:#f3f6fb;border-radius:14px;color:#42526d;font-size:13px}.venta-variante-info strong{color:#17243c;font-size:15px}.venta-pago-resumen{display:flex;flex-direction:column;gap:10px;background:#f4f6ff;border:1px solid #e4e8fb;border-radius:14px;padding:16px;margin-bottom:20px}.venta-pago-resumen>span{display:flex;justify-content:space-between;font-size:13px}.venta-pago-resumen small{font-size:12px;line-height:1.6;color:#64748b}.venta-atributo-chip:focus-visible,.venta-producto-card:focus-visible,.venta-selector-trigger:focus-visible{outline:2px solid #5064ff;outline-offset:3px}@media(max-width:767px){.venta-producto-panel{height:88vh!important}.venta-producto-panel .offcanvas-header,.venta-producto-panel .offcanvas-body{padding:18px}.venta-selector-layout{grid-template-columns:1fr;gap:22px}.venta-productos-lista{max-height:180px;overflow:auto}.venta-producto-panel h5{font-size:21px}}
.pos-page .venta-producto-panel {
    left: 0;
    right: 0;
    bottom: 22px;
    width: calc(100% - 48px);
    max-width: 1060px;
    margin: auto;
    height: auto !important;
    max-height: 82vh;
    border: 1px solid #e5eaf4 !important;
    border-radius: 22px !important;
    overflow: hidden;
    box-shadow: 0 18px 70px rgba(18,29,51,.18);
}
.pos-page .venta-producto-panel .offcanvas-header {
    background: #fff !important;
    color: #20314d;
    padding: 16px 22px;
    border-bottom: 1px solid #edf0f7;
}
.pos-page .venta-producto-panel h5 { color: #20314d !important; font-size: 20px; margin: 3px 0; }
.pos-page .venta-producto-panel .offcanvas-header small { font-size: 10px; }
.pos-page .venta-producto-panel .offcanvas-header p { font-size: 12px; }
.pos-page .venta-producto-panel .btn-close { filter: none !important; }
.pos-page .venta-producto-panel .offcanvas-body { padding: 18px 22px; overflow: auto; }
.pos-page .venta-producto-panel .venta-selector-layout { grid-template-columns: minmax(240px,32%) 1fr; gap: 22px; }
.pos-page .venta-producto-panel .form-label-custom { display: block; margin-bottom: 4px; font-size: 11px; font-weight: 600; color: #6b7280; }
.pos-page .venta-producto-panel .form-control {
    height: 42px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #fcfcfd;
    font-size: .90rem;
    box-shadow: none;
}
.pos-page .venta-producto-panel .form-control:focus {
    border-color: #cbd5e1;
    box-shadow: 0 0 0 3px rgba(148,163,184,.10);
}
.pos-page .venta-producto-panel .venta-atributos h4 { font-size: 18px; margin-bottom: 14px; }
.pos-page .venta-producto-panel .venta-atributo-grupo { margin-bottom: 12px; }
.pos-page .venta-producto-panel .venta-atributo-chip { min-height: 38px; min-width: 56px; padding: 7px 12px; border-radius: 10px; }
.pos-page .venta-producto-panel .venta-variante-info { padding: 12px 14px; margin-top: 12px; gap: 4px; font-size: 12px; }
.pos-page .venta-producto-panel .venta-variante-info strong { font-size: 13px; }
.pos-page .venta-producto-panel #panel_usar_variante {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(110deg,#3867ff,#7b61ff) !important;
    border: none;
    border-radius: 12px;
    height: 42px;
    padding: 0 24px;
    font-weight: 700;
    color: #fff !important;
    box-shadow: none !important;
    margin-top: 12px !important;
}
.pos-page .venta-producto-panel #panel_usar_variante i { color: #fff !important; margin: 0 !important; }
.pos-page .venta-producto-panel #panel_usar_variante:disabled { opacity: .65; cursor: not-allowed; }
@media (max-width: 900px) {
    .pos-page .venta-producto-panel { width: calc(100% - 24px); bottom: 12px; max-height: 85vh; }
    .pos-page .venta-producto-panel .venta-selector-layout { grid-template-columns: 1fr; gap: 16px; }
}