.app-md-module-crm .main-content {
    background: var(--app-md-bg);
}

.app-md-module-crm .section.active,
.app-md-module-crm .dashboard-container,
.app-md-module-crm .task-board,
.app-md-module-crm .calendar-page,
.app-md-module-crm .settings-page,
.app-md-module-crm .webshop-page,
.app-md-module-crm .marketing-page,
.app-md-module-crm .processes-page,
.app-md-module-crm .cashflow-page {
    padding: 0 1rem 1.25rem !important;
}

.app-md-module-crm .dashboard-grid,
.app-md-module-crm .module-grid,
.app-md-module-crm .quick-actions-grid,
.app-md-module-crm .settings-grid,
.app-md-module-crm .webshop-stats-grid,
.app-md-module-crm .marketing-stats-grid,
.app-md-module-crm .vehicle-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 0.85rem !important;
}

.app-md-module-crm .task-column,
.app-md-module-crm .calendar-card,
.app-md-module-crm .customer-detail,
.app-md-module-crm .catalog-card,
.app-md-module-crm .vehicle-card,
.app-md-module-crm .webshop-card,
.app-md-module-crm .marketing-card,
.app-md-module-crm .process-card,
.app-md-module-crm .settings-section,
.app-md-module-crm .cashflow-section,
.app-md-module-crm .report-section,
.app-md-module-crm .survey-card,
.app-md-module-crm .survey-panel,
.app-md-module-crm .route-panel,
.app-md-module-crm .vehicle-panel,
.app-md-module-crm .webshop-panel,
.app-md-module-crm .marketing-panel,
.app-md-module-crm .workflow-panel,
.app-md-module-crm .template-card,
.app-md-module-crm .import-card,
.app-md-module-crm .upload-card {
    background: var(--app-md-surface) !important;
    border: 1px solid var(--app-md-border) !important;
    border-radius: var(--app-md-radius) !important;
    box-shadow: var(--app-md-shadow) !important;
}

.app-md-module-crm .customer-table-container,
.app-md-module-crm .table-container,
.app-md-module-crm .table-responsive,
.app-md-module-crm .import-scroll-container,
.app-md-module-crm .source-table-wrap,
.app-md-module-crm .csv-preview-table,
.app-md-module-crm .marketing-analysis-table-container,
.app-md-module-crm .login-logs-table-container,
.app-md-module-crm .rate-limited-table-container,
.app-md-module-crm .settings-table-wrap,
.app-md-module-crm .webshop-table-container,
.app-md-module-crm .marketing-table-container,
.app-md-module-crm .cf-table-wrap,
.app-md-module-crm .survey-table-container,
.app-md-module-crm .route-table-container,
.app-md-module-crm .vehicle-table-container,
.app-md-module-crm .process-table-container,
.app-md-module-crm .preview-table-container {
    max-width: 100% !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

.app-md-module-crm table.customer-table,
.app-md-module-crm table.data-table,
.app-md-module-crm table.settings-table,
.app-md-module-crm table.webshop-table,
.app-md-module-crm table.marketing-table,
.app-md-module-crm table.cf-table,
.app-md-module-crm table.webshop-product-table,
.app-md-module-crm table.marketing-analysis-table,
.app-md-module-crm table.felmeres-plans-table,
.app-md-module-crm table.import-table,
.app-md-module-crm table.tr-table,
.app-md-module-crm table.lead-table,
.app-md-module-crm table.source-table,
.app-md-module-crm table.travel-entries-table,
.app-md-module-crm table.table {
    table-layout: fixed !important;
    min-width: 0 !important;
}

.app-md-module-crm .customer-table th,
.app-md-module-crm .customer-table td,
.app-md-module-crm .data-table th,
.app-md-module-crm .data-table td,
.app-md-module-crm .settings-table th,
.app-md-module-crm .settings-table td,
.app-md-module-crm .cf-table th,
.app-md-module-crm .cf-table td,
.app-md-module-crm .webshop-product-table th,
.app-md-module-crm .webshop-product-table td,
.app-md-module-crm .marketing-analysis-table th,
.app-md-module-crm .marketing-analysis-table td,
.app-md-module-crm .felmeres-plans-table th,
.app-md-module-crm .felmeres-plans-table td,
.app-md-module-crm .import-table th,
.app-md-module-crm .import-table td,
.app-md-module-crm .tr-table th,
.app-md-module-crm .tr-table td,
.app-md-module-crm .lead-table th,
.app-md-module-crm .lead-table td,
.app-md-module-crm .source-table th,
.app-md-module-crm .source-table td,
.app-md-module-crm .travel-entries-table th,
.app-md-module-crm .travel-entries-table td,
.app-md-module-crm table.table th,
.app-md-module-crm table.table td {
    border-right: 1px solid var(--app-md-column-border) !important;
    border-bottom: 1px solid var(--app-md-row-border) !important;
}

.app-md-module-crm .customer-table th,
.app-md-module-crm .data-table th,
.app-md-module-crm .settings-table th,
.app-md-module-crm .cf-table th,
.app-md-module-crm .webshop-product-table th,
.app-md-module-crm .marketing-analysis-table th,
.app-md-module-crm .felmeres-plans-table th,
.app-md-module-crm .import-table th,
.app-md-module-crm .tr-table th,
.app-md-module-crm .lead-table th,
.app-md-module-crm .source-table th,
.app-md-module-crm .travel-entries-table th,
.app-md-module-crm table.table th {
    background: #edf3f8 !important;
}

.app-md-module-crm .modal-content[style*="overflow-y: auto"],
.app-md-module-crm .modal-content[style*="max-height"],
.app-md-module-crm .modal-overlay .modal-content[style*="overflow-y: auto"],
.app-md-module-crm .modal-overlay .modal-content[style*="max-height"] {
    overflow: hidden !important;
    max-height: none !important;
}

.app-md-module-crm .modal .customer-table-container,
.app-md-module-crm .modal-overlay .customer-table-container,
.app-md-module-crm .modal .table-responsive,
.app-md-module-crm .modal-overlay .table-responsive {
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

.app-md-module-crm .modal.active,
.app-md-module-crm .modal-overlay.active {
    align-items: flex-start !important;
}

.app-md-module-crm .modal .modal-body,
.app-md-module-crm .modal-overlay .modal-body {
    overflow-x: hidden !important;
}

.app-md-module-crm .modal .modal-body:has(.customer-table-container),
.app-md-module-crm .modal-overlay .modal-body:has(.customer-table-container),
.app-md-module-crm .modal .modal-body:has(.table-responsive),
.app-md-module-crm .modal-overlay .modal-body:has(.table-responsive) {
    overflow-y: visible !important;
}

.app-md-module-crm .filters-bar[style],
.app-md-module-crm .filters-container[style],
.app-md-module-crm .filter-section[style],
.app-md-module-crm .search-filter-bar[style] {
    gap: 0.65rem !important;
    margin-bottom: 0 !important;
    padding: 0.85rem 1rem !important;
}

.app-md-module-crm .modal-content[style*="overflow: hidden"],
.app-md-module-crm .modal-overlay .modal-content[style*="overflow: hidden"] {
    overflow: visible !important;
}

.app-md-module-crm .dropdown-results,
.app-md-module-crm [id$="SearchResults"],
.app-md-module-crm [id$="DropdownList"] {
    overflow-y: auto !important;
}

.app-md-module-crm .calendar-grid,
.app-md-module-crm .calendar-month,
.app-md-module-crm .calendar-week,
.app-md-module-crm .calendar-day {
    border-color: var(--app-md-border) !important;
}

.app-md-module-crm .fc,
.app-md-module-crm .calendar-view,
.app-md-module-crm .map-container,
.app-md-module-crm .chart-container {
    background: var(--app-md-surface) !important;
    border: 1px solid var(--app-md-border) !important;
    border-radius: var(--app-md-radius) !important;
    box-shadow: var(--app-md-shadow) !important;
}

.app-md-module-crm .sortable-ghost,
.app-md-module-crm .dragging {
    border: 1px dashed var(--app-md-primary) !important;
    background: var(--app-md-primary-soft) !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .page-content {
    padding: 0 1rem 1.25rem !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar {
    display: grid !important;
    grid-template-columns: minmax(280px, 1.35fr) minmax(170px, 0.65fr) minmax(170px, 0.65fr) !important;
    align-items: center !important;
    gap: 0.65rem !important;
    margin: 0 !important;
    padding: 0.85rem 1rem !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar .search-box {
    min-width: 0 !important;
    flex: none !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar .filter-group {
    display: contents !important;
    min-width: 0 !important;
    flex: none !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar input,
.app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar select {
    width: 100% !important;
    min-width: 0 !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content #vehiclesTableContainer .customer-table-container {
    border-radius: 0 0 var(--app-md-radius) var(--app-md-radius) !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-card {
    margin-top: 1.5rem !important;
    padding: 1rem !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-card h4 {
    margin: 0 !important;
    color: var(--app-md-text) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem 2rem !important;
    margin-top: 1rem !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-field {
    min-width: 0 !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-label {
    margin-bottom: 0.25rem !important;
    color: var(--app-md-muted) !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-value {
    color: var(--app-md-text) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-value-strong {
    font-weight: 800 !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .travel-filter-search i.fa-search {
    left: 0.9rem !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content .travel-filter-search input {
    padding-left: 2.65rem !important;
    padding-right: 2.75rem !important;
}

.app-md-module-crm.app-md-page-gepjarmu .main-content #travelSearchInput {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table {
    width: 100% !important;
    table-layout: fixed !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-image {
    width: 96px !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-sku {
    width: 18% !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-name {
    width: 22% !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-category {
    width: 13% !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-manufacturer {
    width: 13% !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-cost,
.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-price {
    width: 11% !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table col.catalog-product-col-actions {
    width: 128px !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table th:nth-child(1),
.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table td:nth-child(1) {
    width: 96px !important;
    min-width: 96px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table th:nth-child(1) {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table td:nth-child(1) img {
    display: block !important;
    margin: 0 auto !important;
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    object-fit: cover !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table th:last-child,
.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table td:last-child {
    width: 128px !important;
    min-width: 128px !important;
    white-space: nowrap !important;
}

.app-md-module-crm.app-md-page-katalogus .main-content .catalog-products-table td:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
}

@media (max-width: 900px) {
    .app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar {
        grid-template-columns: 1fr !important;
    }

    .app-md-module-crm.app-md-page-gepjarmu .main-content #vehicleListView .filters-bar .filter-group {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.65rem !important;
    }

    .app-md-module-crm.app-md-page-gepjarmu .main-content .vehicle-main-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .app-md-module-crm .task-board,
    .app-md-module-crm .settings-layout,
    .app-md-module-crm .calendar-layout,
    .app-md-module-crm .cashflow-layout {
        display: block !important;
    }
}