:root {
    --sales-md-bg: #f6f8fb;
    --sales-md-surface: #ffffff;
    --sales-md-surface-soft: #f8fafc;
    --sales-md-border: #d8e2ee;
    --sales-md-row-border: #c6d3e1;
    --sales-md-column-border: #d6e2ee;
    --sales-md-text: #162231;
    --sales-md-muted: #64748b;
    --sales-md-green: #12845f;
    --sales-md-green-dark: #0f6f52;
    --sales-md-green-soft: #e7f7ef;
    --sales-md-blue: #2563eb;
    --sales-md-red: #b42318;
    --sales-md-red-soft: #fff1f0;
    --sales-md-amber: #b45309;
    --sales-md-amber-soft: #fff7ed;
    --sales-md-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
    --sales-md-radius: 8px;
}

.main-content {
    background: var(--sales-md-bg);
}

.main-content > .page-header,
.main-content .container > .section.active > .section-header,
.main-content #ertekesites.section.active > .section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin: 1rem 1rem 1rem !important;
    padding: 1rem 1.15rem !important;
    background: var(--sales-md-surface) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    box-shadow: var(--sales-md-shadow) !important;
}

.main-content > .page-header .page-header-left,
.main-content > .page-header .page-header-right,
.main-content .section-header {
    min-width: 0 !important;
}

.main-content > .page-header .page-header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
}

.main-content > .page-header h1,
.main-content .section-header h2 {
    margin: 0 !important;
    color: var(--sales-md-text) !important;
    font-size: clamp(1.45rem, 2vw, 2rem) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

.main-content > .page-header h1 i,
.main-content .section-header h2 i {
    display: inline-grid !important;
    place-items: center !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
    color: var(--sales-md-green) !important;
    background: var(--sales-md-green-soft) !important;
    border: 1px solid #b7f0cd !important;
    border-radius: 8px !important;
}

.main-content .page-description {
    margin: 0.35rem 0 0 !important;
    color: var(--sales-md-muted) !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
}

.main-content .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 1rem 1.25rem !important;
    margin: 0 !important;
}

.main-content .section.active,
.main-content .dashboard-container,
.main-content .sales-goals-page,
.main-content .sales-statistics-dashboard {
    display: block !important;
}

.main-content .section:not(.active) {
    display: none;
}

.main-content .filters-bar:not([style*="display: none"]),
.main-content .filters-container:not([style*="display: none"]),
.main-content .filters-row:not([style*="display: none"]),
.main-content .sales-goals-filters,
.main-content .queue-filters:not([style*="display: none"]),
.main-content .filter-section:not([style*="display: none"]),
.main-content .search-filter-bar:not([style*="display: none"]) {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.65rem !important;
    margin: 0 0 0 !important;
    padding: 0.9rem 1rem !important;
    background: var(--sales-md-surface) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) var(--sales-md-radius) 0 0 !important;
    box-shadow: var(--sales-md-shadow) !important;
}

.main-content .filters-bar + #contactListView,
.main-content .filters-container + #contactListView,
.main-content .filters-bar + #leadListView,
.main-content .filters-container + #leadListView,
.main-content .filters-bar + .customer-table-container,
.main-content .filters-container + .customer-table-container,
.main-content .filters-bar + .table-responsive {
    margin-top: 0 !important;
}

.main-content .search-box,
.main-content .filter-group,
.main-content .filters-row > * {
    min-width: 180px !important;
    flex: 1 1 220px !important;
}

.main-content .search-box input,
.main-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.main-content .filter-input,
.main-content select,
.main-content .filter-select,
.main-content textarea,
.modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.modal select,
.modal textarea {
    width: 100%;
    min-height: 42px !important;
    padding: 0.6rem 0.75rem !important;
    color: var(--sales-md-text) !important;
    background: #fff !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
}

.main-content textarea,
.modal textarea {
    min-height: 92px !important;
}

.main-content input:focus,
.main-content select:focus,
.main-content textarea:focus,
.modal input:focus,
.modal select:focus,
.modal textarea:focus {
    outline: 2px solid rgba(18, 132, 95, 0.18) !important;
    border-color: var(--sales-md-green) !important;
}

.main-content .btn,
.main-content button.btn,
.main-content .btn-primary,
.main-content .btn-secondary,
.main-content .btn-success,
.main-content .btn-danger,
.main-content .btn-warning,
.main-content .btn-info,
.modal .btn,
.modal button.btn,
.modal .btn-primary,
.modal .btn-secondary,
.modal .btn-success,
.modal .btn-danger,
.modal .btn-warning,
.modal .btn-info {
    min-height: 40px !important;
    padding: 0.55rem 0.9rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    border-radius: 8px !important;
    border: 1px solid var(--sales-md-border) !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: none !important;
    white-space: nowrap !important;
}

.main-content .btn-primary,
.main-content .btn-success,
.modal .btn-primary,
.modal .btn-success {
    color: #fff !important;
    background: var(--sales-md-green) !important;
    border-color: var(--sales-md-green) !important;
}

.main-content .btn-primary:hover,
.main-content .btn-success:hover,
.modal .btn-primary:hover,
.modal .btn-success:hover {
    background: var(--sales-md-green-dark) !important;
    border-color: var(--sales-md-green-dark) !important;
}

.main-content .btn-secondary,
.modal .btn-secondary {
    color: var(--sales-md-text) !important;
    background: #fff !important;
}

.main-content .btn-danger,
.modal .btn-danger {
    color: var(--sales-md-red) !important;
    background: var(--sales-md-red-soft) !important;
    border-color: #fecaca !important;
}

.main-content .btn-warning,
.modal .btn-warning {
    color: var(--sales-md-amber) !important;
    background: var(--sales-md-amber-soft) !important;
    border-color: #fed7aa !important;
}

.main-content .btn-info,
.modal .btn-info {
    color: #0f4f8f !important;
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.main-content .btn-sm,
.modal .btn-sm,
.main-content .action-btn,
.modal .action-btn,
.main-content .icon-btn,
.modal .icon-btn {
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0.45rem !important;
}

.main-content .summary-cards-container:not([style*="display: none"]),
.main-content .stats-grid,
.main-content .module-cards-grid,
.main-content .feature-cards-grid,
.main-content .dashboard-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 0.75rem !important;
    margin: 0 0 1rem !important;
}

.main-content .summary-card,
.main-content .stat-card,
.main-content .stats-card,
.main-content .module-card,
.main-content .feature-card,
.main-content .chart-card,
.main-content .table-card,
.main-content .settings-card,
.main-content .source-panel,
.main-content .source-card,
.main-content .email-source-card,
.main-content .email-stat-card,
.main-content .contact-panel,
.main-content .queue-panel,
.main-content .script-panel,
.main-content .faq-panel,
.main-content .sales-goals-list,
.main-content .sales-goals-detail,
.main-content .goal-card,
.main-content .source-card,
.main-content .customer-card,
.main-content .contact-card,
.main-content .lead-card,
.main-content .detail-card,
.main-content .form-card {
    background: var(--sales-md-surface) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    box-shadow: var(--sales-md-shadow) !important;
}

.main-content .summary-card::before,
.main-content .stat-card::before,
.main-content .stats-card::before {
    display: none !important;
}

.main-content .summary-card,
.main-content .stat-card,
.main-content .stats-card {
    padding: 0.9rem 1rem !important;
    min-height: auto !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .detail-card,
.main-content .sales-md-customer-detail-card {
    padding: 1rem 1.25rem !important;
    box-sizing: border-box !important;
}

.app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards.summary-cards-container:not([style*="display: none"]),
.app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards.summary-cards-container:not([style*="display: none"]) {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-template-columns: none !important;
    gap: 0.5rem !important;
    margin: 0 0 1rem !important;
    width: 100% !important;
}

.app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards .summary-card,
.app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards .summary-card {
    min-width: 0 !important;
    padding: 0.75rem 0.85rem !important;
}

.app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards .summary-card-title,
.app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards .summary-card-title {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards .summary-card-value-container,
.app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards .summary-card-value-container {
    gap: 0.35rem !important;
    min-width: 0 !important;
}

.app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards .summary-card-value,
.app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards .summary-card-value {
    font-size: clamp(1.15rem, 1.6vw, 1.55rem) !important;
}

.app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards .summary-card-trend,
.app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards .summary-card-trend {
    flex: 0 0 auto !important;
}

@media (max-width: 1100px) {
    .app-md-module-sales.app-md-page-contacts .main-content #contactSummaryCards.summary-cards-container:not([style*="display: none"]),
    .app-md-module-sales.app-md-page-lakossagi-kontaktok .main-content #contactSummaryCards.summary-cards-container:not([style*="display: none"]) {
        grid-auto-flow: row !important;
        grid-auto-columns: initial !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    }
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummarySection {
    padding: 0 1rem !important;
    margin-bottom: 1rem !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards.summary-cards-container:not([style*="display: none"]) {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-template-columns: none !important;
    gap: 0.55rem !important;
    margin: 0 !important;
    width: 100% !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards .summary-card {
    min-width: 0 !important;
    padding: 0.72rem 0.85rem !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards .summary-card-title {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards .summary-card-value-container {
    min-width: 0 !important;
    gap: 0.35rem !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards .summary-card-value {
    font-size: clamp(1.05rem, 1.35vw, 1.45rem) !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards .summary-card-trend {
    flex: 0 0 auto !important;
}

@media (max-width: 1240px) {
    .app-md-module-sales.app-md-page-ertekesites .main-content #contactSummaryCards.summary-cards-container:not([style*="display: none"]) {
        grid-auto-flow: row !important;
        grid-auto-columns: initial !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    }
}

.main-content .summary-card-title,
.main-content .stat-label,
.main-content .module-stat-item .stat-label,
.main-content .feature-description {
    color: var(--sales-md-muted) !important;
    font-size: 0.82rem !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

.main-content .summary-card-value,
.main-content .stat-value,
.main-content .module-stat-item .stat-value {
    color: var(--sales-md-text) !important;
    font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .dashboard-container {
    margin: 0 1rem 1.25rem !important;
    padding: 0 !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-cards-section {
    margin-bottom: 1.5rem !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    align-items: stretch !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-card {
    min-width: 0 !important;
    min-height: 138px !important;
    padding: 1rem !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 16px !important;
    align-items: center !important;
    gap: 0.75rem !important;
    overflow: hidden !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-icon {
    width: 48px !important;
    height: 48px !important;
    font-size: 1.25rem !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-content {
    min-width: 0 !important;
    display: grid !important;
    gap: 0.35rem !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-title {
    margin: 0 !important;
    color: var(--sales-md-text) !important;
    font-size: clamp(0.95rem, 1.05vw, 1.15rem) !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-description {
    margin: 0 !important;
    color: var(--sales-md-muted) !important;
    font-size: 0.74rem !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
    text-transform: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-stat {
    min-width: 0 !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .stat-badge {
    max-width: 100% !important;
    padding: 0.22rem 0.55rem !important;
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
}

.app-md-module-sales.app-md-page-dashboard .main-content .feature-arrow {
    align-self: center !important;
    justify-self: end !important;
    font-size: 1rem !important;
}

@media (max-width: 1680px) {
    .app-md-module-sales.app-md-page-dashboard .main-content .feature-cards-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1100px) {
    .app-md-module-sales.app-md-page-dashboard .main-content .feature-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .app-md-module-sales.app-md-page-dashboard .main-content .feature-cards-grid {
        grid-template-columns: 1fr !important;
    }
}

.main-content .customer-table-container,
.main-content .table-responsive,
.main-content .import-scroll-container,
.main-content .source-table-wrap,
.main-content .preview-table-container,
.main-content .csv-preview-table,
.main-content .templates-table-container,
.main-content .stats-table-container,
.main-content .table-body,
.main-content #contactList,
.main-content #leadList,
.main-content #ertekesitesList {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    background: var(--sales-md-surface) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    box-shadow: var(--sales-md-shadow) !important;
}

.main-content .filters-bar ~ #contactListView #contactList,
.main-content .filters-bar ~ #leadListView #leadList,
.main-content .filters-bar + .customer-table-container,
.main-content .filters-bar + .table-responsive {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 0 !important;
}

.main-content #ertekesitesList .filters-container {
    margin-bottom: 0 !important;
}

.main-content #ertekesitesList .filters-row {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.main-content #ertekesitesList .filter-group:first-child {
    flex: 1.5 1 300px !important;
}

.main-content #ertekesitesList .filter-group {
    min-width: 180px !important;
}

.main-content #ertekesitesList .filter-group input[style],
.main-content #ertekesitesList .filter-group select[style],
.main-content #ertekesitesList #ertekesitesProductFilterDropdown[style] {
    width: 100% !important;
    min-width: 0 !important;
}

.main-content .ertekesites-list-table th:nth-child(1),
.main-content .ertekesites-list-table td:nth-child(1) {
    width: 7% !important;
}

.main-content .ertekesites-list-table th:nth-child(2),
.main-content .ertekesites-list-table td:nth-child(2) {
    width: 24% !important;
}

.main-content .ertekesites-list-table th:nth-child(3),
.main-content .ertekesites-list-table td:nth-child(3),
.main-content .ertekesites-list-table th:nth-child(4),
.main-content .ertekesites-list-table td:nth-child(4) {
    width: 13% !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
}

.main-content .ertekesites-list-table th:nth-child(5),
.main-content .ertekesites-list-table td:nth-child(5),
.main-content .ertekesites-list-table th:nth-child(6),
.main-content .ertekesites-list-table td:nth-child(6),
.main-content .ertekesites-list-table th:nth-child(7),
.main-content .ertekesites-list-table td:nth-child(7) {
    width: 12% !important;
    text-align: center !important;
}

.main-content .ertekesites-list-table th:nth-child(8),
.main-content .ertekesites-list-table td:nth-child(8) {
    width: 9% !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.main-content .ertekesites-products-table th:first-child,
.main-content .ertekesites-products-table td:first-child,
.main-content .ertekesites-edit-items-table th:first-child,
.main-content .ertekesites-edit-items-table td:first-child,
.modal .ertekesites-products-table th:first-child,
.modal .ertekesites-products-table td:first-child,
.modal .ertekesites-edit-items-table th:first-child,
.modal .ertekesites-edit-items-table td:first-child {
    width: 24% !important;
}

.main-content .ertekesites-products-table th:last-child,
.main-content .ertekesites-products-table td:last-child,
.main-content .ertekesites-edit-items-table th:last-child,
.main-content .ertekesites-edit-items-table td:last-child,
.modal .ertekesites-products-table th:last-child,
.modal .ertekesites-products-table td:last-child,
.modal .ertekesites-edit-items-table th:last-child,
.modal .ertekesites-edit-items-table td:last-child {
    width: 10% !important;
}

.main-content table,
.modal table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: #fff !important;
}

.main-content table.customer-table,
.main-content table.data-table,
.main-content table.stats-table,
.main-content table.templates-table,
.main-content table.source-table,
.main-content table.import-table,
.main-content table.tr-table,
.main-content table.lead-table,
.main-content table.travel-entries-table,
.main-content table.table,
.modal table.customer-table,
.modal table.data-table,
.modal table.stats-table,
.modal table.templates-table,
.modal table.source-table,
.modal table.import-table,
.modal table.tr-table,
.modal table.lead-table,
.modal table.travel-entries-table,
.modal table.table {
    width: 100% !important;
    min-width: 0 !important;
}

.main-content table th,
.main-content table td,
.modal table th,
.modal table td {
    min-width: 0 !important;
    padding: 0.75rem 0.75rem !important;
    color: var(--sales-md-text) !important;
    border-right: 1px solid var(--sales-md-column-border) !important;
    border-bottom: 1px solid var(--sales-md-row-border) !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.35 !important;
}

.main-content table th:last-child,
.main-content table td:last-child,
.modal table th:last-child,
.modal table td:last-child {
    border-right: 0 !important;
}

.main-content table thead th,
.modal table thead th {
    background: #edf3f8 !important;
    color: #415066 !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
}

.main-content table tbody tr,
.modal table tbody tr {
    background: #fff !important;
}

.main-content table tbody tr:hover,
.modal table tbody tr:hover {
    background: #f4fbf7 !important;
}

.main-content table tbody td,
.modal table tbody td {
    font-size: 0.92rem !important;
    border-bottom: 1px solid var(--sales-md-row-border) !important;
}

.main-content table td:nth-last-child(1),
.main-content table th:nth-last-child(1),
.modal table td:nth-last-child(1),
.modal table th:nth-last-child(1) {
    text-align: center !important;
}

.main-content table td[data-label*="összeg" i],
.main-content table td[data-label*="ár" i],
.main-content table td[data-label*="db" i],
.main-content table .amount,
.main-content table .number,
.main-content table .currency,
.modal table .amount,
.modal table .number,
.modal table .currency {
    text-align: right !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
}

.main-content .customer-table th,
.main-content .customer-table td {
    width: auto !important;
}

.main-content .table-actions,
.main-content .row-actions,
.main-content .actions,
.main-content .action-buttons,
.main-content .action-cell,
.main-content .table-actions-cell,
.modal .table-actions,
.modal .row-actions,
.modal .actions,
.modal .action-buttons,
.modal .action-cell,
.modal .table-actions-cell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0.35rem !important;
    white-space: nowrap !important;
}

.main-content [style*="border-left: 3px"],
.main-content [style*="border-left:3px"],
.main-content [style*="border-left: 4px"],
.main-content [style*="border-left:4px"],
.modal [style*="border-left: 3px"],
.modal [style*="border-left:3px"],
.modal [style*="border-left: 4px"],
.modal [style*="border-left:4px"],
.modal-overlay [style*="border-left: 3px"],
.modal-overlay [style*="border-left:3px"],
.modal-overlay [style*="border-left: 4px"],
.modal-overlay [style*="border-left:4px"] {
    border-left: 1px solid var(--sales-md-border) !important;
}

.main-content .badge,
.main-content .status-badge,
.main-content .lead-status-badge,
.main-content .contact-status,
.main-content .stat-badge,
.main-content .toggle-btn,
.modal .badge,
.modal .status-badge,
.modal .toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 24px !important;
    padding: 0.25rem 0.55rem !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    white-space: normal !important;
}

.main-content input[type="radio"]:checked + .toggle-btn,
.main-content .toggle-btn.active,
.main-content .panel-tab.active {
    color: var(--sales-md-green) !important;
    background: var(--sales-md-green-soft) !important;
    border-color: #b7f0cd !important;
}

.main-content .pagination:not([style*="display: none"]),
.main-content .pagination-container:not([style*="display: none"]),
.main-content .pagination-controls:not([style*="display: none"]) {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    padding: 0.85rem 1rem !important;
    background: var(--sales-md-surface) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--sales-md-radius) var(--sales-md-radius) !important;
}

.main-content .sales-calling-layout {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.42fr) !important;
    gap: 1rem !important;
    padding: 0 1rem 1rem !important;
    align-items: start !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .sales-calling-layout {
    align-items: stretch !important;
    height: clamp(620px, calc(100vh - 220px), 860px) !important;
    min-height: 0 !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-panel,
.app-md-module-sales.app-md-page-ertekesites .main-content .contact-panel {
    height: 100% !important;
    min-height: 0 !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-panel {
    overflow: hidden !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .contact-panel {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .panel-view {
    min-height: 0 !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #queueView.panel-view.active {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content #contactQueue.contact-queue {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header,
.app-md-module-sales.app-md-page-ertekesites .main-content .queue-footer,
.app-md-module-sales.app-md-page-ertekesites .main-content .panel-tabs {
    flex: 0 0 auto !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header {
    display: block !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header .queue-type-toggle {
    width: 100% !important;
    align-items: stretch !important;
    gap: 0.35rem !important;
    padding: 0.35rem !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header .queue-type-toggle label {
    display: flex !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header .queue-type-toggle .toggle-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 0.55rem 0.75rem !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header .queue-type-toggle input[type="radio"]:checked + .toggle-btn {
    background: var(--sales-md-green-soft) !important;
    border-color: #86efac !important;
    box-shadow: inset 0 0 0 1px #86efac, 0 1px 2px rgba(16, 185, 129, 0.16) !important;
}

.app-md-module-sales.app-md-page-ertekesites .main-content .queue-header .queue-filters {
    margin-top: 0.75rem !important;
}

.main-content .panel-tabs,
.main-content .settings-tabs,
.main-content .source-tabs,
.main-content .tabs,
.main-content .tab-nav {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    padding: 0.45rem !important;
    background: var(--sales-md-surface-soft) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
}

.main-content .panel-tab,
.main-content .settings-tab,
.main-content .source-tab,
.main-content .tab-button,
.main-content .tab-btn {
    min-height: 38px !important;
    padding: 0.5rem 0.75rem !important;
    color: var(--sales-md-muted) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    font-weight: 800 !important;
}

.main-content .queue-panel,
.main-content .contact-panel {
    overflow: hidden !important;
}

.main-content .queue-header,
.main-content .panel-header,
.main-content .settings-card-header,
.main-content .table-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding: 0.85rem 1rem !important;
    border-bottom: 1px solid var(--sales-md-border) !important;
}

.main-content .contact-sources-page {
    display: block !important;
}

.main-content .source-tabs {
    margin-bottom: 1rem !important;
    flex-wrap: wrap !important;
}

.main-content .source-tab-panel {
    display: none !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
}

.main-content .source-tab-panel.active {
    display: block !important;
}

.main-content .source-panel-header,
.main-content .source-section-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 0.9rem !important;
}

.main-content .source-panel-header h2,
.main-content .source-section-heading h3,
.main-content .section-title {
    margin: 0 !important;
    color: var(--sales-md-text) !important;
    font-size: 1.15rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.main-content .source-panel-header p {
    margin: 0.25rem 0 0 !important;
    color: var(--sales-md-muted) !important;
}

.main-content .email-summary-grid,
.main-content .email-source-grid,
.main-content .source-summary:not([style*="display: none"]),
.main-content .source-automation-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
}

.main-content .source-table-wrap {
    width: 100% !important;
    overflow-x: visible !important;
    margin: 0 0 1rem !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    box-shadow: var(--sales-md-shadow) !important;
    background: #fff !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table-wrap {
    overflow: hidden !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table {
    table-layout: fixed !important;
    width: 100% !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table th,
.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table td {
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.35 !important;
    padding: 0.65rem 0.7rem !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table th {
    vertical-align: middle !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-id,
.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-muted,
.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .feedback-status,
.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .status-pill {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table td > div,
.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-table td:last-child > div {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content .source-target-select {
    width: 100% !important;
    min-width: 0 !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    margin: 0 0 1rem !important;
    padding: 0.85rem 1rem !important;
    background: var(--sales-md-surface) !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    box-shadow: var(--sales-md-shadow) !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-periods {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    min-width: 0 !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-custom-range {
    display: grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: minmax(150px, 170px) minmax(150px, 170px) auto !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-left: auto !important;
    min-width: 0 !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-custom-range input {
    width: 100% !important;
    min-width: 0 !important;
}

.app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats #applyStatsRangeBtn {
    width: auto !important;
    white-space: nowrap !important;
}

@media (max-width: 900px) {
    .app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-toolbar {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-custom-range {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) auto !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 640px) {
    .app-md-module-sales.app-md-page-kontakt-forrasok .main-content #sourceTabStats .stats-custom-range {
        grid-template-columns: 1fr !important;
    }
}

.main-content .contact-queue,
.main-content .faq-list,
.main-content .queue-list {
    padding: 0.75rem !important;
}

.main-content .queue-item,
.main-content .contact-item,
.main-content .faq-item,
.main-content .history-item {
    padding: 0.75rem !important;
    margin-bottom: 0.55rem !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    background: #fff !important;
}

.main-content .call-form,
.main-content .form-section,
.main-content .form-subsection,
.main-content .detail-section,
.main-content .contact-details,
.main-content .lead-details {
    background: #fff !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: var(--sales-md-radius) !important;
    padding: 1rem !important;
    margin: 0 0 0.8rem !important;
}

.main-content .form-row:not([style*="display: none"]),
.modal .form-row:not([style*="display: none"]),
.main-content .form-grid:not([style*="display: none"]),
.modal .form-grid:not([style*="display: none"]) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 0.75rem !important;
}

.main-content .form-group:not([style*="display: none"]),
.modal .form-group:not([style*="display: none"]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
    margin: 0 0 0.75rem !important;
}

.main-content .form-group label,
.modal .form-group label,
.main-content .sales-goals-filter-field label {
    color: #4b5b70 !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

.main-content .form-actions,
.modal .form-actions,
.modal .modal-footer {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
}

.main-content .sales-goals-filters-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 0.75rem !important;
    width: 100% !important;
}

.main-content .sales-goals-layout {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr) !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
}

.main-content .chart-card,
.main-content .table-card,
.main-content .settings-card {
    padding: 1rem !important;
}

.main-content .chart-card canvas {
    max-width: 100% !important;
}

.modal,
.modal-overlay {
    z-index: 5000 !important;
}

.modal.active,
.modal[style*="display: flex"],
.modal[style*="display: block"],
.modal-overlay.active,
.modal-overlay[style*="display: flex"],
.modal-overlay[style*="display: block"] {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.25rem !important;
    background: rgba(15, 23, 42, 0.58) !important;
    overflow: auto !important;
}

.modal.active .modal-content,
.modal[style*="display: flex"] .modal-content,
.modal[style*="display: block"] .modal-content,
.modal-overlay.active .modal-content,
.modal-overlay[style*="display: flex"] .modal-content,
.modal-overlay[style*="display: block"] .modal-content {
    width: min(980px, calc(100vw - 2.5rem)) !important;
    max-height: calc(100vh - 2.5rem) !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.24) !important;
    overflow: hidden !important;
}

.modal.active .modal-large,
.modal[style*="display: flex"] .modal-large,
.modal[style*="display: block"] .modal-large,
.modal.active .modal-lg,
.modal[style*="display: flex"] .modal-lg,
.modal[style*="display: block"] .modal-lg {
    width: min(1180px, calc(100vw - 2.5rem)) !important;
}

.modal .modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 1rem 1.15rem !important;
    border-bottom: 1px solid var(--sales-md-border) !important;
    background: #fff !important;
}

.modal .modal-header h2,
.modal .modal-header h3 {
    margin: 0 !important;
    color: var(--sales-md-text) !important;
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
}

.modal .modal-close,
.modal .close-modal,
.modal .close-btn {
    min-width: 42px !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-grid !important;
    place-items: center !important;
    color: var(--sales-md-muted) !important;
    background: #fff !important;
    border: 1px solid var(--sales-md-border) !important;
    border-radius: 8px !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.modal .modal-body {
    padding: 1rem 1.15rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 1 1 auto !important;
}

.modal .modal-footer {
    padding: 0.85rem 1.15rem !important;
    border-top: 1px solid var(--sales-md-border) !important;
    background: #fff !important;
    flex: 0 0 auto !important;
}

.modal.active .modal-content[style*="max-height"],
.modal[style*="display: flex"] .modal-content[style*="max-height"],
.modal[style*="display: block"] .modal-content[style*="max-height"],
.modal-overlay.active .modal-content[style*="max-height"],
.modal-overlay[style*="display: flex"] .modal-content[style*="max-height"],
.modal-overlay[style*="display: block"] .modal-content[style*="max-height"] {
    max-height: none !important;
    overflow: visible !important;
}

.modal.active .modal-content[style*="max-height"] .modal-body,
.modal[style*="display: flex"] .modal-content[style*="max-height"] .modal-body,
.modal[style*="display: block"] .modal-content[style*="max-height"] .modal-body,
.modal-overlay.active .modal-content[style*="max-height"] .modal-body,
.modal-overlay[style*="display: flex"] .modal-content[style*="max-height"] .modal-body,
.modal-overlay[style*="display: block"] .modal-content[style*="max-height"] .modal-body {
    overflow: visible !important;
}

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

.main-content [id$="SearchResults"],
.main-content [id$="DropdownList"],
.modal [id$="SearchResults"],
.modal [id$="DropdownList"],
.modal-overlay [id$="SearchResults"],
.modal-overlay [id$="DropdownList"] {
    overflow-y: auto !important;
}

.modal .sales-md-flow-note {
    padding: 0.9rem 1rem !important;
    border-radius: var(--sales-md-radius) !important;
    margin: 0 0 1rem !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
}

.modal .sales-md-flow-note--success {
    color: #116149 !important;
    background: var(--sales-md-green-soft) !important;
    border: 1px solid #b7f0cd !important;
}

.modal .sales-md-flow-note--warning {
    color: #8a4b05 !important;
    background: var(--sales-md-amber-soft) !important;
    border: 1px solid #fed7aa !important;
}

.modal .sales-md-modal-table-full {
    max-height: none !important;
    overflow: visible !important;
}

.modal .sales-md-stock-flow-modal {
    width: min(98vw, 1440px) !important;
    max-height: none !important;
    overflow: visible !important;
}

#quickBevetelesModal.modal.active,
#quickKiadasModal.modal.active,
#quickBevetelesEsKiadasModal.modal.active,
#befoglalModal.modal.active,
#ertekesitesFeloldModal.modal.active {
    align-items: flex-start !important;
}

#quickBevetelesModal.modal.active .modal-content,
#quickKiadasModal.modal.active .modal-content,
#quickBevetelesEsKiadasModal.modal.active .modal-content,
#befoglalModal.modal.active .modal-content,
#ertekesitesFeloldModal.modal.active .modal-content {
    max-height: none !important;
    overflow: visible !important;
}

#quickBevetelesModal.modal.active .modal-body,
#quickKiadasModal.modal.active .modal-body,
#quickBevetelesEsKiadasModal.modal.active .modal-body,
#befoglalModal.modal.active .modal-body,
#ertekesitesFeloldModal.modal.active .modal-body {
    overflow: visible !important;
}

#quickBevetelesModal .customer-table-container,
#quickKiadasModal .customer-table-container,
#quickBevetelesEsKiadasModal .customer-table-container,
#befoglalModal .customer-table-container,
#ertekesitesFeloldModal .customer-table-container {
    max-height: none !important;
    overflow: visible !important;
}

.modal .ertekesites-reservation-table th:nth-child(1),
.modal .ertekesites-reservation-table td:nth-child(1) {
    width: 13% !important;
}

.modal .ertekesites-reservation-table th:nth-child(2),
.modal .ertekesites-reservation-table td:nth-child(2) {
    width: 27% !important;
}

.modal .ertekesites-reservation-table th:nth-child(3),
.modal .ertekesites-reservation-table td:nth-child(3) {
    width: 12% !important;
}

.modal .ertekesites-reservation-table th:nth-last-child(1),
.modal .ertekesites-reservation-table td:nth-last-child(1) {
    width: 13% !important;
}

.modal .sales-md-modal-footer-split {
    justify-content: space-between !important;
}

.modal .sales-md-footer-note {
    color: var(--sales-md-muted) !important;
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
}

.modal .sales-md-footer-actions {
    display: inline-flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.55rem !important;
    white-space: nowrap !important;
}

.ql-toolbar,
.ql-container {
    border-color: var(--sales-md-border) !important;
}

.ql-toolbar {
    border-radius: 8px 8px 0 0 !important;
}

.ql-container {
    border-radius: 0 0 8px 8px !important;
}

@media (max-width: 1100px) {
    .main-content .sales-calling-layout,
    .main-content .sales-goals-layout {
        grid-template-columns: 1fr !important;
    }

    .app-md-module-sales.app-md-page-ertekesites .main-content .sales-calling-layout {
        height: auto !important;
    }

    .app-md-module-sales.app-md-page-ertekesites .main-content .queue-panel {
        height: auto !important;
        max-height: 520px !important;
    }

    .app-md-module-sales.app-md-page-ertekesites .main-content #contactQueue.contact-queue {
        max-height: 360px !important;
    }
}

@media (max-width: 760px) {
    .main-content > .page-header,
    .main-content .container > .section.active > .section-header,
    .main-content #ertekesites.section.active > .section-header {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .main-content > .page-header .page-header-right,
    .main-content .section-header .btn {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .main-content .filters-bar,
    .main-content .queue-filters,
    .main-content .sales-goals-filters {
        align-items: stretch !important;
    }

    .main-content .search-box,
    .main-content .filter-group,
    .main-content .filters-bar > *,
    .main-content .queue-filters > * {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }

    .main-content table th,
    .main-content table td,
    .modal table th,
    .modal table td {
        padding: 0.55rem 0.45rem !important;
        font-size: 0.8rem !important;
    }

    .modal.active,
    .modal[style*="display: flex"],
    .modal[style*="display: block"],
    .modal-overlay.active,
    .modal-overlay[style*="display: flex"],
    .modal-overlay[style*="display: block"] {
        padding: 0.5rem !important;
    }

    .modal.active .modal-content,
    .modal[style*="display: flex"] .modal-content,
    .modal[style*="display: block"] .modal-content,
    .modal-overlay.active .modal-content,
    .modal-overlay[style*="display: flex"] .modal-content,
    .modal-overlay[style*="display: block"] .modal-content {
        width: calc(100vw - 1rem) !important;
        max-height: calc(100vh - 1rem) !important;
    }
}