/* ===== MAIN CSS - Import Order ===== */
/* Source: pos_visual_tangible_v4.html modular refactor */

/* 1. Variables - Must be first */
@import url("./variables.29ed563bcdae.css");

/* 2. Reset - Clear defaults */
@import url("./reset.c0f891dd898d.css");

/* 3. Typography - Fonts and text */
@import url("./typography.94578d046661.css");

/* 4. Layout - Core layout components */
@import url("./header.b1fa1c43cec7.css");
@import url("./layout.65bb7130d07f.css");

/* 5. View-specific styles */
@import url("./home.65ea5c87af1b.css");
@import url("./pos.f8708e21eedc.css");
@import url("./inventory.c114e07c2af1.css");
@import url("./suppliers.0d4d4fa53d18.css");
@import url("./advanced.68d6f605736d.css");

/* 6. Overlay components */
@import url("./modals.700d6bd4a141.css");

/* 7. Reusable Components */
@import url("./components.3bf7ba18b1e9.css");

/* 8. Animations - Last for performance */
@import url("./animations.d14dd9617f08.css");

/* Additional global utilities */
.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--surface-store);
}

::-webkit-scrollbar-thumb {
    background: var(--text-tertiary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}