/**
 * CRM responsive — BA + Laptop breakpoints
 *
 * Phone:                    ≤ 480px
 * Mobile:                   ≤ 767px          → 1 cột, ẩn menu
 * Tablet:                   768px – 991px    → lưới 2 cột
 * Laptop nhỏ / tablet ngang: 992px – 1023px  → layout laptop gọn
 * Laptop phổ thông:         1024px – 1365px  → multi-col vừa
 * Laptop lớn / desktop nhỏ: 1366px – 1439px  → gần full
 * Desktop lớn:              ≥ 1440px         → full (CSS mặc định)
 */

/* ========== Tablet (768px – 991px) ========== */
@media (max-width: 991px) and (min-width: 768px) {
	body[data-app="SALES"] .mk-dash-split-root,
	body[data-app="SALES"] #mk-dash-split-root,
	body[data-view="DashBoard"] .mk-dash-split-root,
	body[data-view="ModernDashboard"] .mk-dash-split-root {
		--mk-dash-sidebar-w: 200px;
	}

	/* Keep menu visible on tablet (override DashBoard ≤991 drawer hide) */
	body[data-app="SALES"] .mk-dashboard-sidebar,
	body[data-view="DashBoard"] .mk-dashboard-sidebar,
	body[data-view="ModernDashboard"] .mk-dashboard-sidebar {
		transform: none !important;
		width: var(--mk-dash-sidebar-w) !important;
	}

	body[data-app="SALES"] .mk-dash-sidebar-mobile-toggle,
	body[data-view="DashBoard"] .mk-dash-sidebar-mobile-toggle,
	body[data-view="ModernDashboard"] .mk-dash-sidebar-mobile-toggle {
		display: none !important;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main,
	body[data-view="ModernDashboard"] .mk-dash-main,
	body[data-app="SALES"] .mk-app-shell > .mk-content,
	body[data-app="SALES"] .mk-topbar {
		margin-left: var(--mk-dash-sidebar-w) !important;
		width: calc(100% - var(--mk-dash-sidebar-w)) !important;
		max-width: calc(100% - var(--mk-dash-sidebar-w)) !important;
		left: auto;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main,
	body[data-view="ModernDashboard"] .mk-dash-main {
		padding: 14px 16px 28px !important;
	}

	/* KPI / metrics: 2-column adjusted grid */
	body[data-app="SALES"] .mk-leads-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	body[data-app="SALES"] .mk-leads-filters-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body[data-app="SALES"] .mk-leads-page-head,
	body[data-app="SALES"] .mk-sc-page-head,
	body[data-app="SALES"] .mk-so-page-head {
		flex-wrap: wrap;
		gap: 12px;
	}

	body[data-app="SALES"] .mk-leads-page-head__actions,
	body[data-app="SALES"] .mk-sc-page-head__actions {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	body[data-app="SALES"] .mk-leads-toolbar,
	body[data-app="SALES"] .mk-leads-search-row {
		flex-wrap: wrap;
		gap: 8px;
	}

	body[data-app="SALES"] .mk-leads-search {
		min-width: 0;
		flex: 1 1 240px;
	}

	body[data-app="SALES"] .mk-leads-segments {
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 4px;
	}

	body[data-app="SALES"] .mk-leads-segment-btn {
		flex: 0 0 auto;
	}

	body[data-app="SALES"] .mk-leads-table-scroll,
	body[data-app="SALES"] .mk-so-pos-list-enabled .listview-table-container,
	body[data-app="SALES"] #listViewContent .listview-table-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body[data-app="SALES"] .mk-leads-table-scroll table,
	body[data-app="SALES"] #listview-table {
		min-width: 900px;
	}

	/* POS toolbars (Đơn hàng / Báo giá): title + actions, search full width */
	body[data-app="SALES"] .mk-so-pos-toolbar {
		grid-template-columns: 1fr auto !important;
		grid-template-areas:
			"title actions"
			"search search" !important;
		gap: 10px 12px !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__title {
		grid-area: title;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__search-wrap {
		grid-area: search;
		max-width: none !important;
		justify-self: stretch;
		width: 100%;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__actions {
		grid-area: actions;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	body[data-app="SALES"] .mk-so-inline-detail {
		max-width: min(480px, calc(100vw - 40px));
	}

	body[data-app="SALES"] .mk-so-inline-detail__fields {
		grid-template-columns: 1fr 1fr;
	}

	body[data-app="SALES"] .mk-sc-franchise-grid {
		grid-template-columns: 1fr 1fr !important;
	}

	/* Edit forms: 2-col where possible */
	body[data-module="SalesOrder"][data-view="Edit"] .mk-ac-form-host,
	body[data-module="Quotes"][data-view="Edit"] .mk-qt-form-host,
	body[data-module="Accounts"][data-view="Edit"] .mk-ac-form-host {
		max-width: 100%;
	}
}

/* ========== Laptop nhỏ / Tablet ngang (992px – 1023px) ========== */
@media (max-width: 1023px) and (min-width: 992px) {
	body[data-app="SALES"] .mk-dash-split-root,
	body[data-app="SALES"] #mk-dash-split-root,
	body[data-view="DashBoard"] .mk-dash-split-root,
	body[data-view="ModernDashboard"] .mk-dash-split-root {
		--mk-dash-sidebar-w: 220px;
	}

	/* Menu vẫn hiện (override drawer ≤991) */
	body[data-app="SALES"] .mk-dashboard-sidebar,
	body[data-view="DashBoard"] .mk-dashboard-sidebar,
	body[data-view="ModernDashboard"] .mk-dashboard-sidebar {
		transform: none !important;
		width: var(--mk-dash-sidebar-w) !important;
	}

	body[data-app="SALES"] .mk-dash-sidebar-mobile-toggle,
	body[data-view="DashBoard"] .mk-dash-sidebar-mobile-toggle,
	body[data-view="ModernDashboard"] .mk-dash-sidebar-mobile-toggle {
		display: none !important;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main,
	body[data-view="ModernDashboard"] .mk-dash-main,
	body[data-app="SALES"] .mk-app-shell > .mk-content,
	body[data-app="SALES"] .mk-topbar {
		margin-left: var(--mk-dash-sidebar-w) !important;
		width: calc(100% - var(--mk-dash-sidebar-w)) !important;
		max-width: calc(100% - var(--mk-dash-sidebar-w)) !important;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main {
		padding: 14px 14px 28px !important;
	}

	body[data-app="SALES"] .mk-leads-kpi-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}

	body[data-app="SALES"] .mk-leads-kpi-card {
		min-width: 0;
		overflow: hidden;
	}

	body[data-app="SALES"] .mk-leads-kpi-card__value {
		font-size: clamp(12px, 1.1vw, 20px);
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.2;
	}

	body[data-app="SALES"] .mk-leads-filters-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body[data-app="SALES"] .mk-leads-page-head,
	body[data-app="SALES"] .mk-sc-page-head {
		flex-wrap: wrap;
		gap: 10px;
	}

	body[data-app="SALES"] .mk-leads-toolbar,
	body[data-app="SALES"] .mk-leads-search-row {
		flex-wrap: wrap;
		gap: 8px;
	}

	body[data-app="SALES"] .mk-leads-search {
		min-width: 0;
		flex: 1 1 220px;
	}

	body[data-app="SALES"] .mk-leads-segments {
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	body[data-app="SALES"] .mk-leads-table-scroll,
	body[data-app="SALES"] .mk-so-pos-list-enabled .listview-table-container,
	body[data-app="SALES"] #listViewContent .listview-table-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body[data-app="SALES"] .mk-leads-table-scroll table,
	body[data-app="SALES"] #listview-table {
		min-width: 920px;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar {
		grid-template-columns: auto minmax(0, 1fr) auto !important;
		gap: 10px 12px !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__search-wrap {
		max-width: none !important;
		min-width: 0;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__actions {
		flex-wrap: wrap;
		gap: 6px;
	}

	body[data-app="SALES"] .mk-so-inline-detail__fields {
		grid-template-columns: 1fr 1fr;
	}

	body[data-app="SALES"] .mk-sc-franchise-grid {
		grid-template-columns: 1fr 1fr !important;
	}
}

/* ========== Laptop phổ thông (1024px – 1365px) ========== */
@media (max-width: 1365px) and (min-width: 1024px) {
	body[data-app="SALES"] .mk-dash-split-root,
	body[data-app="SALES"] #mk-dash-split-root,
	body[data-view="DashBoard"] .mk-dash-split-root,
	body[data-view="ModernDashboard"] .mk-dash-split-root {
		--mk-dash-sidebar-w: 240px;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main,
	body[data-view="ModernDashboard"] .mk-dash-main {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body[data-app="SALES"] .mk-leads-kpi-card {
		min-width: 0;
		overflow: hidden;
	}

	body[data-app="SALES"] .mk-leads-kpi-card__value {
		font-size: clamp(13px, 1.15vw, 22px);
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.2;
	}

	body[data-app="SALES"] .mk-leads-kpi-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
	}

	body[data-app="SALES"] .mk-leads-filters-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}

	body[data-app="SALES"] .mk-leads-search {
		min-width: 0;
		flex: 1 1 260px;
	}

	body[data-app="SALES"] .mk-leads-table-scroll,
	body[data-app="SALES"] .mk-so-pos-list-enabled .listview-table-container,
	body[data-app="SALES"] #listViewContent .listview-table-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body[data-app="SALES"] .mk-leads-table-scroll table,
	body[data-app="SALES"] #listview-table {
		min-width: 980px;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar {
		gap: 12px 14px !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__search-wrap {
		max-width: min(520px, 42vw) !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__actions {
		flex-wrap: wrap;
		gap: 8px;
	}

	body[data-app="SALES"] .mk-so-inline-detail {
		max-width: min(520px, calc(100vw - 280px));
	}

	body[data-app="SALES"] .mk-sc-franchise-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* ========== Laptop lớn / Desktop nhỏ (1366px – 1439px) ========== */
@media (max-width: 1439px) and (min-width: 1366px) {
	body[data-app="SALES"] .mk-dash-split-root,
	body[data-app="SALES"] #mk-dash-split-root,
	body[data-view="DashBoard"] .mk-dash-split-root,
	body[data-view="ModernDashboard"] .mk-dash-split-root {
		--mk-dash-sidebar-w: 256px;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main,
	body[data-view="ModernDashboard"] .mk-dash-main {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	body[data-app="SALES"] .mk-leads-kpi-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 14px;
	}

	body[data-app="SALES"] .mk-leads-kpi-card {
		min-width: 0;
		overflow: hidden;
	}

	body[data-app="SALES"] .mk-leads-kpi-card__value {
		font-size: clamp(14px, 1.05vw, 22px);
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.2;
	}

	body[data-app="SALES"] .mk-leads-filters-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
	}

	body[data-app="SALES"] .mk-leads-table-scroll,
	body[data-app="SALES"] .mk-so-pos-list-enabled .listview-table-container {
		overflow-x: auto;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__search-wrap {
		max-width: min(560px, 40vw) !important;
	}

	body[data-app="SALES"] .mk-sc-franchise-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* ========== Mobile (≤767px) — single column, menu hidden ========== */
@media (max-width: 767px) {
	/* Full-width content; sidebar off-canvas */
	body[data-app="SALES"] .mk-dash-split-root,
	body[data-app="SALES"] #mk-dash-split-root,
	body[data-view="DashBoard"] .mk-dash-split-root,
	body[data-view="ModernDashboard"] .mk-dash-split-root {
		--mk-dash-sidebar-w: 0px;
	}

	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main,
	body[data-view="ModernDashboard"] .mk-dash-main,
	body[data-app="SALES"] .mk-app-shell,
	body[data-app="SALES"] .mk-content {
		margin-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 10px 10px 72px !important;
	}

	body[data-app="SALES"] .mk-topbar,
	body[data-view="DashBoard"] .mk-topbar,
	body[data-view="ModernDashboard"] .mk-topbar {
		left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	/* Hide sidebar menu → drawer pattern */
	body[data-app="SALES"] .mk-dashboard-sidebar,
	body[data-view="DashBoard"] .mk-dashboard-sidebar,
	body[data-view="ModernDashboard"] .mk-dashboard-sidebar {
		transform: translateX(-105%) !important;
		transition: transform 0.22s ease;
		box-shadow: 8px 0 32px rgba(15, 23, 42, 0.12);
		z-index: 1100;
	}

	body[data-app="SALES"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open,
	body[data-view="DashBoard"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open,
	body[data-view="ModernDashboard"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open {
		transform: translateX(0) !important;
		--mk-dash-sidebar-w: 256px;
		width: min(280px, 86vw);
	}

	body[data-app="SALES"] .mk-dash-sidebar-mobile-toggle,
	body[data-view="DashBoard"] .mk-dash-sidebar-mobile-toggle,
	body[data-view="ModernDashboard"] .mk-dash-sidebar-mobile-toggle {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: fixed;
		left: 12px;
		bottom: 16px;
		z-index: 1001;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		border: 1px solid #e2e8f0;
		background: #ffffff;
		box-shadow: 0 6px 20px rgba(15, 23, 42, 0.12);
		color: #0b1f4d;
		cursor: pointer;
	}

	body[data-app="SALES"] .mk-dash-drawer-backdrop.in,
	body[data-view="DashBoard"] .mk-dash-drawer-backdrop.in,
	body[data-view="ModernDashboard"] .mk-dash-drawer-backdrop.in {
		display: block !important;
	}

	/* Single-column stacks */
	body[data-app="SALES"] .mk-leads-page-head__title,
	body[data-app="SALES"] .mk-sc-page-head__title {
		font-size: 20px;
		line-height: 1.25;
	}

	body[data-app="SALES"] .mk-leads-page-head,
	body[data-app="SALES"] .mk-sc-page-head,
	body[data-app="SALES"] .mk-sc-page-head__row {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	body[data-app="SALES"] .mk-leads-page-head__actions,
	body[data-app="SALES"] .mk-sc-page-head__actions {
		width: 100%;
		flex-wrap: wrap;
	}

	body[data-app="SALES"] .mk-leads-page-head__actions .mk-leads-btn,
	body[data-app="SALES"] .mk-sc-page-head__actions .mk-sc-btn {
		flex: 1 1 auto;
		justify-content: center;
	}

	body[data-app="SALES"] .mk-leads-kpi-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	body[data-app="SALES"] .mk-leads-kpi-card {
		padding: 10px 12px;
	}

	body[data-app="SALES"] .mk-leads-kpi-card__value {
		font-size: 18px;
	}

	body[data-app="SALES"] .mk-leads-kpi-card__label {
		font-size: 11px;
	}

	body[data-app="SALES"] .mk-leads-filters-grid {
		grid-template-columns: 1fr;
	}

	body[data-app="SALES"] .mk-leads-filters-panel {
		padding: 12px;
	}

	body[data-app="SALES"] .mk-leads-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	body[data-app="SALES"] .mk-leads-search {
		width: 100%;
		flex: 1 1 auto;
	}

	body[data-app="SALES"] .mk-leads-segments {
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	body[data-app="SALES"] .mk-leads-table-scroll {
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body[data-app="SALES"] .mk-leads-table-scroll table,
	body[data-app="SALES"] #listview-table,
	body[data-app="SALES"] .mk-so-pos-list-enabled #listview-table {
		min-width: 720px;
		font-size: 12.5px;
	}

	body[data-app="SALES"] .mk-leads-td,
	body[data-app="SALES"] .mk-leads-th {
		padding: 8px 10px;
	}

	body[data-app="SALES"] .mk-leads-bulk-bar {
		left: 10px;
		right: 10px;
		bottom: 12px;
		flex-wrap: wrap;
		gap: 8px;
	}

	/* POS toolbar → stacked single column */
	body[data-app="SALES"] .mk-so-pos-toolbar {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__title {
		font-size: 20px !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__search-wrap {
		width: 100% !important;
		max-width: none !important;
	}

	body[data-app="SALES"] .mk-so-pos-toolbar__actions {
		width: 100%;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px;
	}

	body[data-app="SALES"] .mk-so-pos-list-enabled .listview-table-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-left: -10px;
		margin-right: -10px;
		padding: 0 10px;
	}

	body[data-app="SALES"] .mk-so-inline-detail {
		position: fixed !important;
		left: 8px !important;
		right: 8px !important;
		top: auto !important;
		bottom: 8px !important;
		max-width: none !important;
		width: auto !important;
		max-height: min(78vh, 640px);
		overflow: auto;
		z-index: 1200;
		border-radius: 14px;
	}

	body[data-app="SALES"] .mk-so-inline-detail__fields {
		grid-template-columns: 1fr;
	}

	body[data-app="SALES"] .mk-leads-tag-popover {
		position: fixed !important;
		left: 8px !important;
		right: 8px !important;
		width: auto !important;
		max-width: none !important;
		max-height: 70vh;
		overflow: auto;
		z-index: 1300;
	}

	body[data-app="SALES"] .mk-sc-franchise-grid {
		grid-template-columns: 1fr !important;
	}

	body[data-module="SalesOrder"][data-view="Edit"] .mk-ac-form-host,
	body[data-module="Quotes"][data-view="Edit"] .mk-qt-form-host,
	body[data-module="Accounts"][data-view="Edit"] .mk-ac-form-host {
		padding: 0 4px;
	}

	body[data-module="SalesOrder"][data-view="Edit"] .relatedContents,
	body[data-module="Quotes"][data-view="Edit"] .relatedContents {
		overflow-x: auto;
	}
}

/* ========== Small phones (≤480px) ========== */
@media (max-width: 480px) {
	body[data-app="SALES"] .mk-dash-main,
	body[data-view="DashBoard"] .mk-dash-main {
		padding: 8px 8px 80px !important;
	}

	body[data-app="SALES"] .mk-leads-kpi-grid {
		grid-template-columns: 1fr;
	}

	body[data-app="SALES"] .mk-leads-page-head__title,
	body[data-app="SALES"] .mk-sc-page-head__title,
	body[data-app="SALES"] .mk-so-pos-toolbar__title {
		font-size: 18px !important;
	}

	body[data-app="SALES"] .mk-leads-segment-btn {
		font-size: 12px;
		padding: 6px 10px;
	}

	body[data-app="SALES"] .mk-so-pos-btn span {
		font-size: 13px;
	}

	body[data-app="SALES"] .mk-leads-table-scroll table,
	body[data-app="SALES"] #listview-table {
		min-width: 640px;
		font-size: 12px;
	}
}

/* ========== Cross-app shell (MARKETING / SUPPORT / INVENTORY / all devices) ========== */
@media (max-width: 991px) {
	body[data-app="MARKETING"] .mk-dash-sidebar-mobile-toggle,
	body[data-app="SUPPORT"] .mk-dash-sidebar-mobile-toggle,
	body[data-app="INVENTORY"] .mk-dash-sidebar-mobile-toggle,
	body[data-app="TOOLS"] .mk-dash-sidebar-mobile-toggle {
		display: flex !important;
	}
}

@media (max-width: 767px) {
	html,
	body {
		overflow-x: hidden;
	}

	body[data-app="MARKETING"] .mk-dash-main,
	body[data-app="SUPPORT"] .mk-dash-main,
	body[data-app="INVENTORY"] .mk-dash-main,
	body[data-app="TOOLS"] .mk-dash-main,
	body[data-app="MARKETING"] .mk-content,
	body[data-app="SUPPORT"] .mk-content,
	body[data-app="INVENTORY"] .mk-content {
		margin-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	body[data-app="MARKETING"] .mk-dashboard-sidebar,
	body[data-app="SUPPORT"] .mk-dashboard-sidebar,
	body[data-app="INVENTORY"] .mk-dashboard-sidebar,
	body[data-app="TOOLS"] .mk-dashboard-sidebar {
		transform: translateX(-105%) !important;
		z-index: 1100;
	}

	body[data-app="MARKETING"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open,
	body[data-app="SUPPORT"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open,
	body[data-app="INVENTORY"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open,
	body[data-app="TOOLS"] .mk-dashboard-sidebar.mk-dashboard-sidebar--drawer-open {
		transform: translateX(0) !important;
		width: min(280px, 86vw);
	}

	/* Action headers: stack on phone */
	body .mk-leads-action-header,
	body .mk-org-action-header,
	body .mk-opportunity-action-header,
	body .mk-sc-page-head,
	body .mk-so-page-head {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
	}

	body .mk-leads-action-header__actions,
	body .mk-org-action-header__actions,
	body .mk-opportunity-action-header__actions,
	body .mk-leads-page-head__actions {
		display: flex !important;
		flex-wrap: wrap !important;
		width: 100% !important;
		gap: 8px !important;
	}

	body .mk-leads-action-header__actions .mk-leads-btn,
	body .mk-org-action-header__actions .mk-org-btn,
	body .mk-opportunity-action-header__actions .mk-opportunity-btn,
	body .mk-leads-page-head__actions .mk-leads-btn {
		flex: 1 1 calc(50% - 8px);
		min-height: 40px;
		justify-content: center;
	}

	body .mk-leads-action-header__title,
	body .mk-org-action-header__title,
	body .mk-opportunity-action-header__title {
		font-size: 20px !important;
		line-height: 1.25 !important;
	}

	body .mk-leads-action-header__subtitle,
	body .mk-org-action-header__subtitle,
	body .mk-opportunity-action-header__subtitle {
		font-size: 13px !important;
	}

	/* KPI: 2 cột trên phone cho đỡ dài trang */
	body[data-app="SALES"] .mk-leads-kpi-grid,
	body .mk-contacts-page .mk-leads-kpi-grid,
	body .mk-opps-page .mk-leads-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	body .mk-leads-filters-top {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 8px !important;
	}

	body .mk-leads-filters-top .mk-leads-search {
		width: 100% !important;
		max-width: none !important;
	}

	body .mk-leads-filters-top .mk-leads-btn,
	body .mk-leads-filters-toggle {
		width: 100%;
		justify-content: center;
		min-height: 40px;
	}

	body .mk-leads-offline-filters {
		gap: 6px !important;
		padding: 8px !important;
	}

	body .mk-leads-offline-filter {
		min-height: 34px;
		padding: 0 10px !important;
		font-size: 11.5px !important;
	}

	body .mk-leads-segments {
		gap: 6px !important;
	}

	body .mk-leads-segment-btn,
	body .mk-leads-ptab {
		min-height: 34px;
	}

	/* Tables: keep horizontal scroll + sticky feel */
	body .mk-leads-table-scroll,
	body .mk-contacts-table-card .mk-leads-table-scroll,
	body .mk-opps-page .mk-leads-table-scroll {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
	}

	body .mk-leads-table {
		min-width: 720px;
	}

	body .mk-leads-pagination {
		flex-wrap: wrap;
		gap: 8px;
		justify-content: center;
	}

	/* Verify / compare side panels → full sheet on phone */
	body .mk-leads-verify-panel__sheet,
	body .mk-gd14-panel__sheet {
		width: 100% !important;
		max-width: 100% !important;
		border-radius: 16px 16px 0 0;
	}

	body .mk-leads-verify-panel,
	body .mk-gd14-panel {
		align-items: flex-end !important;
	}

	body .mk-leads-verify-formcards,
	body .mk-leads-verify-c45 {
		grid-template-columns: 1fr !important;
	}

	/* Import overlay fills usable viewport */
	body #overlayPageContent.fade.in.mk-import-overlay-open,
	body #overlayPageContent.fade.in:has(.mk-import-modern) {
		left: 0 !important;
		top: var(--mk-dash-topbar-h, 56px) !important;
		padding: 8px !important;
	}

	body .mk-import-modern.fc-overlay-modal,
	body .mk-import-modern.modal-content {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		max-height: calc(100vh - var(--mk-dash-topbar-h, 56px) - 16px) !important;
		border-radius: 14px !important;
	}

	body .mk-import-modern .mk-import-dropzone {
		padding: 20px 12px !important;
	}

	body .mk-import-modern .mk-import-option-card {
		grid-template-columns: 1fr !important;
	}

	body .mk-import-modern .modal-overlay-footer .mk-import-footer-actions {
		flex-wrap: wrap;
		gap: 8px;
		justify-content: center;
	}

	body .mk-import-modern .mk-import-btn-primary,
	body .mk-import-modern .mk-import-btn-secondary,
	body .mk-import-modern .mk-import-cancel-btn {
		min-height: 42px;
	}

	/* Detail / edit common */
	body[data-view="Detail"] .relatedContents,
	body[data-view="Edit"] .relatedContents,
	body[data-view="Detail"] .fieldBlockContainer,
	body[data-view="Edit"] .fieldBlockContainer {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	body[data-view="Detail"] .detailview-header,
	body[data-view="Detail"] .detailViewButtoncontainer {
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	body[data-view="Edit"] .content-area,
	body[data-view="Detail"] .content-area {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	/* Modals / quick create */
	body .modal-dialog,
	body .fc-overlay-modal {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		margin: 8px auto !important;
	}

	body .mk-qc-modal,
	body .mk-sales-qc {
		max-width: 100% !important;
	}

	/* Touch-friendly controls */
	body .btn,
	body .mk-leads-btn,
	body .mk-org-btn,
	body .mk-opportunity-btn,
	body .mk-leads-verify-btn,
	body .mk-leads-filter-field__select,
	body select.inputElement,
	body input.inputElement {
		min-height: 36px;
	}

	body input,
	body select,
	body textarea {
		font-size: 16px !important; /* avoid iOS zoom */
	}
}

@media (max-width: 480px) {
	body[data-app="SALES"] .mk-leads-kpi-grid,
	body .mk-contacts-page .mk-leads-kpi-grid,
	body .mk-opps-page .mk-leads-kpi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body .mk-leads-action-header__actions .mk-leads-btn,
	body .mk-org-action-header__actions .mk-org-btn,
	body .mk-opportunity-action-header__actions .mk-opportunity-btn {
		flex: 1 1 100%;
	}

	body .mk-leads-table {
		min-width: 640px;
		font-size: 12px;
	}

	body .mk-leads-verify-btn {
		font-size: 11px;
		padding: 6px 8px;
	}
}

/* Tablet landscape: keep filters usable */
@media (max-width: 1100px) and (min-width: 768px) {
	body .mk-leads-action-header {
		flex-wrap: wrap;
		gap: 12px;
	}

	body .mk-leads-action-header__actions {
		flex-wrap: wrap;
		gap: 8px;
	}

	body .mk-leads-filters-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body .mk-leads-offline-filters {
		flex-wrap: wrap !important;
	}
}