/* Ensure Lucide icons render properly */
svg {
    display: inline-block;
    vertical-align: middle;
}

/* Fix for icon alignment in buttons */
button svg {
    flex-shrink: 0;
}

/* Ensure proper text rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Fix for mobile viewport and sidebar */
@media (max-width: 768px) {
    html {
        overflow-x: hidden;
    }
}

/* Ensure proper sidebar toggle behavior */
.sidebar-toggle {
    transition: all 0.3s ease-in-out;
}

/* Fix for icon button hover states */
button:hover svg {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Table wrapper for CSP-compliant horizontal scrolling */
.table-wrapper {
    overflow-x: auto;
    max-width: 100%;
    margin: 8px 0;
}