/* ==========================================================================
   eCartFlow - Store Owner Panel Responsive Stylesheet (store-responsive.css)
   Mobile, Tablet, and Desktop Breakpoint Rules (Matching Original Design)
   ========================================================================== */

@media (max-width: 575px) {
    .ecf-app-canvas {
        padding: 0;
        background-color: var(--ecf-app-bg);
        align-items: stretch;
    }
    .ecf-app-frame {
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
        box-shadow: none;
        border: none;
    }
    .ecf-dash-metrics-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.5rem !important;
    }
    .ecf-auth-container {
        border-radius: 0;
        min-height: 100vh;
        box-shadow: none;
        border: none;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .ecf-app-frame {
        max-width: 440px;
    }
}

@media (min-width: 769px) {
    .ecf-app-frame {
        max-width: 420px;
    }
}
@media (max-width: 576px) {
        .ecf-dash-metrics-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 0.5rem;
        }
    }