/* MuhaSobe mobil düzen.
   body.muhasobe-mobile-web      : WebView (MuhaSobeMobile UA) / muhasobe_ui=mobile çerezi / ?mobile=1 — sunucu ekler.
   body.muhasobe-viewport-mobile : telefon/tablet tarayıcısı, viewport ≤ 991.98px — muhasobe-mobile-web.js ekler (matchMedia).
   Üst bar / yan menü bloğu (aşağıda) yalnız WebView içindir; tarayıcıda temanın 991px kırılımı zaten hamburger menüyü verir. */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) {
	overflow-x: hidden;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .main-wrapper {
	min-height: 100vh;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .header {
	position: sticky;
	top: 0;
	z-index: 1030;
}

/* —— YALNIZ WebView (body.muhasobe-mobile-web) —— Masaüstünde ?mobile=1: tema @media (max-width:991px) devreye girmez; header mobil düzeni zorla */
body.muhasobe-mobile-web .header .header-left {
	position: absolute;
	float: none;
	left: 0;
	right: 0;
	width: 100%;
	max-width: none;
	border-left: 0;
}

body.muhasobe-mobile-web .header .header-left .logo {
	display: flex !important;
	align-items: center;
	justify-content: center;
	max-width: calc(100% - 120px);
	margin-left: 60px;
	margin-right: 60px;
}

body.muhasobe-mobile-web .header .header-left .logo-small {
	display: none !important;
}

body.muhasobe-mobile-web .header .header-left .logo .logo-header.muhasobe-mobile-brand-logo,
body.muhasobe-mobile-web .header .header-left .logo img {
	max-height: 40px !important;
	width: auto !important;
	max-width: 100% !important;
	object-fit: contain !important;
}

/* Mobil uygulama: hamburger → yan slide menü (viewport genişliğinden bağımsız) */
body.muhasobe-mobile-web #toggle_btn {
	display: none !important;
}

body.muhasobe-mobile-web .header .user-menu {
	display: none !important;
}

/* Hamburger sol: yan menü | Sağ: üç nokta profil menüsü (tema mobilde ters; WebView/?mobile=1 düzeni) */
body.muhasobe-mobile-web .header .mobile-user-menu {
	display: block !important;
	float: none;
	left: auto;
	right: 0;
	text-align: right;
	z-index: 1042;
}

body.muhasobe-mobile-web .header .mobile_btn {
	display: block !important;
	color: #2047ce;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	width: 60px;
	z-index: 1042;
	padding: 0 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
}

body.muhasobe-mobile-web .sidebar {
	width: min(320px, 100vw);
	max-width: 100%;
	margin-right: 0;
	left: 0;
	right: auto;
	transform: translateX(-100%);
	transition: transform 0.4s ease, visibility 0.4s ease;
	visibility: hidden;
	pointer-events: none;
	z-index: 1041;
}

body.muhasobe-mobile-web .sidebar .slimScrollDiv {
	width: 100% !important;
}

body.muhasobe-mobile-web .main-wrapper.slide-nav .sidebar {
	transform: translateX(0);
	visibility: visible;
	pointer-events: auto;
	margin-right: 0;
}

body.muhasobe-mobile-web .sidebar-overlay {
	display: none;
	height: 100%;
	width: 100%;
	z-index: 1040;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 60px;
	left: 0;
}

body.muhasobe-mobile-web .sidebar-overlay.opened {
	display: block;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .page-wrapper {
	margin: 0 !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	max-width: 100%;
}

/* Mobil uygulama: Bootstrap .row yan boşlukları (masaüstü / normal tarayıcı etkilenmez) */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .page-wrapper .content {
	padding: 0.65rem 0.5rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content .row,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content .section-body .row,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .container-fluid > .row,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .container-fluid .content .row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content .row > [class*="col"],
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content .section-body .row > [class*="col"],
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .container-fluid > .row > [class*="col"],
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .container-fluid .content .row > [class*="col"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 100%;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content .card-body .row > [class*="col-"] {
	margin-bottom: 0.45rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content .card-body .row > [class*="col-"]:last-child {
	margin-bottom: 0;
}

/* Ana sayfa — tarih filtresi: ön seçim tam genişlik; başlangıç/bitiş + arama tek satır */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-end !important;
	gap: 0.45rem 0.35rem !important;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > :first-child {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > :nth-child(2),
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > :nth-child(3) {
	flex: 1 1 0 !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > :nth-child(4) {
	flex: 0 0 2.75rem !important;
	width: 2.75rem !important;
	max-width: 2.75rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter .rz-datepicker,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter .rz-datepicker > span,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter .rz-inputtext {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	font-size: 0.8rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter .rz-inputtext {
	padding: 0.35rem 0.4rem !important;
}

/* Ana sayfa tarih picker: yalnızca gün (saat arayüzde görünmez) */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter input[type="datetime-local"],
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter input[type="date"] {
	font-size: 0.8rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter .rz-datepicker .rz-button {
	width: 1.75rem !important;
	min-width: 1.75rem !important;
	padding: 0.2rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > :nth-child(4) .form-group,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-main-date-filter > :nth-child(4) .btn {
	width: 100%;
	margin-bottom: 0;
	min-height: 2.25rem;
	padding: 0.35rem 0.45rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* —— Tam ekran Radzen diyalog —— */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-wrapper {
	position: fixed !important;
	inset: 0 !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2500 !important;
	display: flex !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	background: rgba(15, 23, 42, 0.55) !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.rz-dialog-mobile-fullscreen {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
	margin: 0 !important;
	border-radius: 0 !important;
	transform: none !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-titlebar {
	flex-shrink: 0 !important;
	padding-top: max(0.5rem, env(safe-area-inset-top)) !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 5.5rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content > .d-flex.flex-column {
	max-height: none !important;
	min-height: 100% !important;
}

/* Satış detayı / fatura görüntüleme modalı */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.sales-details-mobile-dialog .rz-dialog-content,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.sales-invoice-add-mobile-dialog .rz-dialog-content,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.ledger-statement-mobile-dialog .rz-dialog-content,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.rz-dialog-mobile-fullscreen:has(.ledger-statement-modal) .rz-dialog-content {
	padding-bottom: 1rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.ledger-statement-mobile-dialog .ledger-statement-modal,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog:has(.ledger-statement-modal) .ledger-statement-modal {
	max-height: none;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.sales-details-mobile-dialog .hidden-print .content,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog:has(.hidden-print) .content {
	padding: 0.5rem 0.75rem !important;
	max-width: 100% !important;
}

/* Yapışkan Vazgeç / Kaydet (Radzen içi + ortak sınıf) */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-mobile-dialog-actions,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content .modal-footer,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content > .border-top:has(.btn-cancel),
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content > .border-top:has(.btn-submit),
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content .d-flex:has(.btn-cancel):last-child,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content .d-flex:has(.btn-submit):last-child {
	position: sticky !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 12 !important;
	flex-shrink: 0 !important;
	margin-top: auto !important;
	padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom)) !important;
	background: #fff !important;
	border-top: 1px solid #e2e8f0 !important;
	box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08) !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-mobile-dialog-actions .btn,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-mobile-dialog-actions .rz-button {
	min-height: 44px;
}

/* —— Bootstrap modal tam ekran ——
   YALNIZ Bootstrap yapısı (.modal-dialog içindeki .modal-content/-header/-body/-footer). BackdropModal (.modal-overlay > .modal-content:
   herkese açık menüdeki ürün detayı, alerjen/nitelik penceresi) tam ekran OLMAZ; içeriği kadar yükseklikte kalır. */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal.show,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal.fade.show.d-block {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2500 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal-dialog {
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	height: 100dvh !important;
	min-height: 100dvh !important;
	transform: none !important;
	top: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal-dialog > .modal-content {
	height: 100dvh !important;
	max-height: 100dvh !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	border: none !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal-dialog .modal-header {
	flex-shrink: 0 !important;
	padding-top: max(0.75rem, env(safe-area-inset-top)) !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal-dialog .modal-body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .modal-dialog .modal-footer {
	position: sticky !important;
	bottom: 0 !important;
	flex-shrink: 0 !important;
	z-index: 12 !important;
	padding-bottom: calc(0.75rem + env(safe-area-inset-bottom)) !important;
	background: #fff !important;
	border-top: 1px solid #e2e8f0 !important;
	box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08) !important;
}

/* —— Radzen DataGrid: taşan sütunlar yatay kaydırma ile tam görünsün —— */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .table-responsive:has(.rz-data-grid),
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .muhasobe-mobile-grid-compact.table-responsive,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .card-body:has(.rz-data-grid) {
	overflow-x: auto !important;
	overflow-y: visible !important;
	max-width: 100% !important;
	width: 100% !important;
	-webkit-overflow-scrolling: touch;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid > div,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid-data,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-data-grid-table-wrapper,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid-body {
	overflow-x: auto !important;
	overflow-y: visible !important;
	max-width: 100% !important;
	width: 100% !important;
	min-width: 0 !important;
	-webkit-overflow-scrolling: touch;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .content,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .section,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .card,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .card-body {
	max-width: 100%;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid {
	min-width: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-grid-table {
	width: max-content !important;
	min-width: 100% !important;
	max-width: none !important;
	table-layout: auto !important;
	font-size: 0.8rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-grid-table thead tr th,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-grid-table tbody tr td {
	overflow: visible;
	text-overflow: clip;
	white-space: nowrap;
	padding: 0.35rem 0.5rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	font-size: 0.82rem;
	overflow: visible !important;
	grid-template-columns: none !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-page,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-page:not(.rz-state-active) {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-pages {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	grid-column: auto !important;
	max-width: none !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-first,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-prev,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-next,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-data-grid .rz-pager .rz-pager-last {
	margin-inline-start: 0 !important;
	margin-inline-end: 0 !important;
	grid-column: auto !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-grid-table [class*="-mobile-hide"] {
	display: none !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	padding: 0 !important;
	border: none !important;
	overflow: hidden !important;
}

/* Sayfa özel mobil sütun genişlikleri (kaydırma açıkken isteğe bağlı) */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-by-customer-page .rz-grid-table .sales-mobile-hide,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-invoice-list-page .rz-grid-table .grid-mobile-hide,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-hide,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-transaction-grid .rz-grid-table .product-detail-mobile-hide {
	display: none !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	padding: 0 !important;
	border: none !important;
	overflow: hidden !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-by-customer-page .rz-grid-table .sales-mobile-col-invoice {
	width: 22% !important;
	max-width: 22% !important;
	font-size: 0.72rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-by-customer-page .rz-grid-table .sales-mobile-col-date {
	width: 26% !important;
	max-width: 26% !important;
	font-size: 0.7rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-by-customer-page .rz-grid-table .sales-mobile-col-customer {
	width: 30% !important;
	max-width: 30% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-by-customer-page .rz-grid-table .sales-mobile-col-amount {
	width: 14% !important;
	max-width: 14% !important;
	font-size: 0.7rem;
	text-align: right !important;
	white-space: nowrap;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-by-customer-page .rz-grid-table .sales-mobile-col-action {
	width: 8% !important;
	max-width: 8% !important;
	text-align: center !important;
	padding-left: 0.1rem !important;
	padding-right: 0.1rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-invoice-list-page .rz-grid-table .sales-inv-col-customer {
	width: 32% !important;
	max-width: 32% !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-invoice-list-page .rz-grid-table .sales-inv-col-invoice {
	width: 26% !important;
	max-width: 26% !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-invoice-list-page .rz-grid-table .sales-inv-col-date {
	width: 22% !important;
	max-width: 22% !important;
	font-size: 0.72rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-invoice-list-page .rz-grid-table .sales-inv-col-amount {
	width: 12% !important;
	max-width: 12% !important;
	font-size: 0.72rem;
	text-align: right !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .sales-invoice-list-page .rz-grid-table .sales-inv-col-action {
	width: 8% !important;
	max-width: 8% !important;
	text-align: center !important;
	padding-left: 0.1rem !important;
	padding-right: 0.1rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-image {
	width: 11% !important;
	max-width: 11% !important;
	padding-left: 0.2rem !important;
	padding-right: 0.2rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-image img {
	height: 32px !important;
	width: 32px !important;
	object-fit: contain;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-name {
	width: 28% !important;
	max-width: 28% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.8rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-code {
	width: 12% !important;
	max-width: 12% !important;
	font-size: 0.68rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-stock {
	width: 16% !important;
	max-width: 16% !important;
	font-size: 0.72rem;
	text-align: right !important;
	white-space: nowrap;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-sales {
	width: 18% !important;
	max-width: 18% !important;
	font-size: 0.75rem;
	text-align: right !important;
	white-space: nowrap;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-list-page .rz-grid-table .product-mobile-col-action {
	width: 15% !important;
	max-width: 15% !important;
	text-align: center !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-page .content {
	padding-top: 0.25rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-page-header {
	margin-top: -0.65rem;
	margin-bottom: 0.35rem;
	padding-top: 0;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-header-row {
	flex-direction: column;
	align-items: stretch !important;
	gap: 0.5rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-toolbar {
	justify-content: center !important;
	width: 100%;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-toolbar .product-detail-action-btn {
	width: 100%;
	min-height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-transaction-grid .rz-grid-table .product-detail-col-date {
	width: 24% !important;
	max-width: 24% !important;
	font-size: 0.72rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-transaction-grid .rz-grid-table .product-detail-col-voucher {
	width: 30% !important;
	max-width: 30% !important;
	font-size: 0.72rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-transaction-grid .rz-grid-table .product-detail-col-qty {
	width: 18% !important;
	max-width: 18% !important;
	font-size: 0.72rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-detail-transaction-grid .rz-grid-table .product-detail-col-amount {
	width: 28% !important;
	max-width: 28% !important;
	font-size: 0.72rem;
}

@media (max-width: 991.98px) {
	:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .container-fluid {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .btn-group {
		flex-wrap: wrap;
	}

	:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .subscription-splash-container .col-lg-8 {
		max-width: 100%;
	}
}

/* Telefon: col-lg/col-xl tek sütun. 768–991 tablet iki sütun kuralı site.css'te (K7). */
@media (max-width: 767.98px) {
	:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .card .row > [class*="col-xl"],
	:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .card .row > [class*="col-lg"] {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* Ürün düzenle modalı — masaüstü (:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) yokken) */
.product-edit-dialog-form .product-edit-form-scroll {
	max-height: 70vh;
	overflow-y: auto;
}

/* —— Ürün Ekle/Düzenle: mobil tam ekran flex düzeni (viewport genişliğinden bağımsız) —— */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-wrapper:has(.product-edit-dialog-form) {
	align-items: stretch !important;
	justify-content: stretch !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.product-edit-mobile-dialog,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog.rz-dialog-mobile-fullscreen:has(.product-edit-dialog-form),
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog:has(.product-edit-dialog-form) {
	width: 100vw !important;
	max-width: 100vw !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
	margin: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dialog-content:has(.product-edit-dialog-form) {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: hidden !important;
	padding: 0 !important;
	padding-bottom: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	height: 100% !important;
	width: 100% !important;
	max-height: 100dvh !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-form-scroll {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	padding: 0.75rem 0.85rem 0.5rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-form-columns {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 0.75rem !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-form-main,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-form-side,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form [class*="col-lg-"],
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form [class*="col-md-"],
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form [class*="col-xl-"] {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form .rz-fieldset {
	margin-bottom: 0.65rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form .form-label {
	font-size: 0.85rem;
	margin-bottom: 0.2rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form .rz-html-editor,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form .rz-textarea {
	max-width: 100%;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-form .rz-tabs {
	max-width: 100%;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-footer {
	flex-shrink: 0 !important;
	margin-top: 0 !important;
	padding-left: 0.85rem !important;
	padding-right: 0.85rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-footer .d-flex {
	justify-content: stretch !important;
	gap: 0.5rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .product-edit-dialog-footer .rz-button {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	min-height: 44px !important;
}

/* —— Müşteri / Muhasebeci portalları (MAUI WebView, MuhaSobeMobile UA) —— */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-wrapper,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-wrapper {
	overflow-x: hidden;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-header,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-header {
	margin-bottom: 16px !important;
	padding: 10px 0 !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-header .container,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-header .container {
	padding-left: 12px;
	padding-right: 12px;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-brand h3,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-brand h3 {
	font-size: 1.15rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main.container,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main.container {
	padding-left: 12px !important;
	padding-right: 12px !important;
	max-width: 100% !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .row.justify-content-center.mt-5,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .row.justify-content-center.mt-5 {
	margin-top: 0.75rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .col-md-7,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .col-lg-6,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .col-md-7,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .col-lg-6 {
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .card.shadow-lg,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .card.shadow-lg {
	border-radius: 10px !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .card-body,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .card-body {
	padding: 1rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .nav-tabs,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .nav-tabs {
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .nav-tabs .nav-link,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .nav-tabs .nav-link {
	white-space: nowrap;
	font-size: 0.9rem;
	padding: 0.5rem 0.75rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .digit-input.phone-digit,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .digit-input.phone-digit {
	width: 30px !important;
	height: 44px !important;
	font-size: 1.1rem !important;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-main .btn-lg,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-main .btn-lg {
	min-height: 48px;
	font-size: 1rem;
}

:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .portal-footer,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .acct-portal-footer {
	padding: 14px 0 !important;
	font-size: 0.8rem !important;
}

/* Giriş ekranları (müşteri/muhasebeci/personel): 10 haneli telefon kutuları dar ekranda taşmasın — kutular esner. */
@media (max-width: 575.98px) {
	.phone-container .d-flex.flex-nowrap { gap: 0 !important; }
	.phone-container .digit-input.phone-digit {
		flex: 1 1 0;
		min-width: 0;
		width: auto !important;
		max-width: 32px;
		height: 42px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-right: 2px !important;
		font-size: 1.05rem !important;
	}
	.phone-container .digit-input.phone-digit.me-2 { margin-right: 8px !important; }
	.card-body:has(.phone-container) { padding: 1.25rem 0.75rem !important; }
}

/* Uygulama indirme ipucu: yalnız telefon/tablet tarayıcısında; uygulamanın içinde (WebView) gizli. */
.app-download-hint { display: none; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(0,0,0,.08); }
@media (max-width: 991.98px) {
	body:not(.muhasobe-mobile-web) .app-download-hint { display: block; }
}
/* Dar ekranda diyalog/modal 2500'e çıkarılıyor; Radzen açılır liste/tarih/otomatik tamamlama panelleri ise
   JS ile satır içi z-index:2000 alıyor → tam ekran modalda liste açılıyor ama modalın ARKASINDA kalıyordu.
   Paneller (body'ye taşınan .rz-popup dahil) modalın üstünde olmalı; satır içi değer !important ile ezilir. */
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-popup,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dropdown-panel,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-lookup-panel,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-autocomplete-panel,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-multiselect-panel,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-datepicker-popup,
:is(body.muhasobe-mobile-web, body.muhasobe-viewport-mobile) .rz-dropdown-open-panel {
	z-index: 3000 !important;
}

/* Radzen DropDownDataGrid paneli (.rz-lookup-panel): ekrana sığmayan panel kaydırılır, arama ve sayfalama yapışkan kalır.
   Yükseklik sınırı JS'ten (--rz-lookup-max-h) gelir; ekran çok kısaysa .lookup-fullscreen tam ekran yapar. */
.rz-lookup-panel {
	max-height: var(--rz-lookup-max-h, calc(100vh - 16px));
	overflow-y: auto !important;
	overscroll-behavior: contain;
}

.rz-lookup-panel .rz-lookup-search {
	position: sticky;
	top: 0;
	z-index: 3;
	background: #fff;
}

.rz-lookup-panel .rz-pager {
	position: sticky;
	bottom: 0;
	z-index: 3;
	background: #fff;
}

.rz-lookup-panel.lookup-fullscreen {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	max-width: 100vw !important;
	height: 100dvh !important;
	max-height: 100dvh !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	z-index: 3001 !important;
	padding-top: 52px !important;
}

.lookup-fs-close {
	position: fixed;
	top: 8px;
	right: 8px;
	z-index: 3002;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: #1e293b;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}