/* Scope Tailwind Preflight Reset if possible, 
   but since we used the CDN, we just need to ensure the table looks good */

/* Export Mode - Critical for PDF/Image generation */
.export-mode {
    width: 1100px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: white !important;
    border-top: none !important; 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

.export-mode::before { display: none; }
.export-mode .no-print,
.export-mode .delete-row-btn,
.export-mode .action-bar { display: none !important; }

/* Ensure borders are visible in export */
.export-mode .styled-table { border-collapse: collapse !important; }
.export-mode .styled-table th,
.export-mode .styled-table td {
    border: 1px solid #000 !important;
    padding: 8px 10px !important;
    color: #000 !important;
    font-family: 'Arial', sans-serif !important;
}

.export-mode .styled-table th {
    background-color: #f3f4f6 !important;
    border-bottom: 1px solid #000 !important;
}

.export-mode [contenteditable="true"] {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    resize: none;
}

/* WordPress Admin Bar Adjustment */
body.admin-bar .action-bar {
    top: 32px; /* Adjust for WP Admin Bar */
}

/* Animation */
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(-5px); } 
    to { opacity: 1; transform: translateY(0); } 
}