/* PulseKonnect — responsive.css — global breakpoints (<=991px)
   Extracted verbatim from partials/design-system.blade.php (production-safe CSS refactor).
   Load order preserved; do not reorder relative to the other pk stylesheets. */

/* ═══ RESPONSIVE ═══ */
@media (max-width: 991px) {
    .pk-sidebar { transform: translateX(-100%); box-shadow: none; }
    .pk-sidebar.show { transform: translateX(0); box-shadow: var(--pk-shadow-lg); }
    .pk-main { margin-left: 0; }
    .pk-content { padding: 1rem; }
    .pk-hero { padding: 1.2rem 1.3rem !important; }
    .pk-topbar-logo img { max-height: 32px; max-width: 120px; }
}