:is(#offcanvasItems, #offcanvasDetalleVenta) {
    width: 430px;
    max-width: 100vw;
    background: #f5f7fa;
    border: 0;
    box-shadow: -12px 0 40px rgba(15,23,42,.16);
}
:is(#offcanvasItems, #offcanvasDetalleVenta) .offcanvas-header {
    padding: 18px 20px;
    background: #fff;
    border-bottom: 1px solid #e9eef5;
}
:is(#offcanvasItems, #offcanvasDetalleVenta) .offcanvas-title { font-size:1rem; font-weight:800; color:#111827; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .offcanvas-body { padding:16px; overflow-y:auto; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-cpe {
    display:flex; align-items:center; gap:12px;
    padding:15px; margin-bottom:12px;
    color:#fff; background:linear-gradient(135deg,#111827,#374151);
    border-radius:15px;
}
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-cpe-icon {
    width:42px; height:42px; display:grid; place-items:center;
    border-radius:12px; background:rgba(255,255,255,.14); font-size:1.1rem;
}
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-cpe-label { font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; opacity:.72; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-cpe-numero { font-size:.92rem; font-weight:800; margin-top:2px; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-meta { background:#fff; border:1px solid #e8edf3; border-radius:14px; padding:11px 14px; margin-bottom:14px; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-meta-row { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:6px 0; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-meta-label { color:#94a3b8; font-size:.69rem; font-weight:700; text-transform:uppercase; white-space:nowrap; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-meta-val { color:#1f2937; font-size:.79rem; font-weight:600; text-align:right; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-section-title { margin:14px 2px 8px; color:#64748b; font-size:.69rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-item { background:#fff; border:1px solid #e8edf3; border-radius:13px; padding:12px 13px; margin-bottom:9px; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-item-nombre { color:#111827; font-size:.86rem; font-weight:700; margin-bottom:4px; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-item-detalle { color:#64748b; font-size:.76rem; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-item-subtotal { color:#111827; font-size:.9rem; font-weight:800; white-space:nowrap; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-breakdown { background:#fff; border:1px solid #e8edf3; border-radius:14px; padding:12px 15px; margin-top:12px; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-brow { display:flex; justify-content:space-between; align-items:center; padding:4px 0; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-blabel { color:#94a3b8; font-size:.75rem; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-bval { color:#374151; font-size:.82rem; font-weight:700; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-bdivider { height:1px; background:#e5e7eb; margin:5px 0; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-blabel-total { color:#374151; font-size:.75rem; font-weight:800; text-transform:uppercase; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-bval-total { color:#111827; font-size:1.15rem; font-weight:900; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-observacion { padding:11px 13px; margin-bottom:12px; border-radius:12px; background:#fffbeb; border:1px solid #fde68a; color:#78350f; font-size:.78rem; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-impresion { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-bottom:8px; }
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-impresion .btn { border-radius:10px; font-size:.8rem; }


:is(#offcanvasItems, #offcanvasDetalleVenta) .offcanvas-header{background:linear-gradient(135deg,#111827,#273247)!important;border:0!important;padding:18px 20px!important}
:is(#offcanvasItems, #offcanvasDetalleVenta) .offcanvas-title{color:#fff!important;font-size:1rem}
:is(#offcanvasItems, #offcanvasDetalleVenta) .btn-close{filter:invert(1);opacity:.6}
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-meta-val{min-width:0;overflow-wrap:anywhere}
:is(#offcanvasItems, #offcanvasDetalleVenta) .oc-item .d-flex>div{min-width:0;overflow-wrap:anywhere}
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-estado{display:inline-block;padding:4px 10px;border-radius:20px;background:#f1f5f9;color:#64748b;font-size:12px}
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-estado.activo{background:#dcfce7;color:#16a34a}
:is(#offcanvasItems, #offcanvasDetalleVenta) .detalle-estado.anulado{background:#fee2e2;color:#dc2626}