@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');


@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/buttons.css');
@import url('./components/messages.css');
@import url('./components/tables.css');
@import url('./components/product-form.css');

@import url('./pages/auth.css');
@import url('./pages/admin.css');
@import url('./pages/account-manage.css');
@import url('./pages/tabs.css');
@import url('./pages/crm.css');
@import url('./pages/contracts.css?v=20260523-contract-select-dropdown');

@import url('./pages/office-offers.css?v=20260429-editor-header-fix');
@import url('./pages/quote-templates.css');

@import url('./utilities/spacing.css');
@import url('./utilities/display.css');
@import url('./utilities/helpers.css');

/* Fluent card border override for products page */
.products-page fluent-card.family-list-card {
    border: none;
}

/* временно, пока переносишь старые стили */
/*@import url('./old-app.css');*/

@media (max-width: 768px) {
    .layout {
        height: auto !important;
        min-height: 100vh;
        grid-template-rows: auto auto auto auto !important;
        overflow: visible !important;
    }

    .content {
        min-height: 0 !important;
        overflow: visible !important;
    }

    .offer-details-sticky-header {
        position: static !important;
        top: auto !important;
    }
}