/* ==========================================================================
   Frontend Embed / Popup Mode Styles for PCRU Admin Panel
   ========================================================================== */
body.embed-mode {
    background: #f8fafc !important;
    padding: 10px !important;
    margin: 0 !important;
    min-height: auto !important;
    overflow-x: hidden !important;
}

body.embed-mode .sidebar,
body.embed-mode .admin-header,
body.embed-mode .header,
body.embed-mode .mobile-header,
body.embed-mode .top-nav,
body.embed-mode .btn-sidebar-toggle,
body.embed-mode #sidebar {
    display: none !important;
}

body.embed-mode .main-content,
body.embed-mode .content-wrapper,
body.embed-mode .content,
body.embed-mode .admin-content {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 15px !important;
    min-height: auto !important;
}

body.embed-mode .card,
body.embed-mode .content-card,
body.embed-mode .form-card {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    border: 1px solid #e2e8f0 !important;
}

body.embed-mode .modal {
    position: fixed !important;
    z-index: 99999 !important;
}