/**
 * 店铺/门店后台 — 移动端适配
 * 断点 768px，配合 shop_mobile.js 侧栏抽屉
 */
@media screen and (max-width: 768px) {
	.mobile-only {
		display: flex !important;
	}

	.desktop-hide-mobile {
		display: none !important;
	}

	/* 侧栏抽屉（不依赖 unified-menu-mode，避免线上未加载 route.js 时失效） */
	.layui-layout-admin .first-nav,
	.layui-layout-admin.unified-menu-mode .first-nav {
		position: fixed !important;
		left: 0 !important;
		top: 0 !important;
		transform: translateX(-100%);
		transition: transform 0.28s ease;
		width: min(82vw, 280px) !important;
		height: 100vh !important;
		z-index: 1002;
	}

	body.mobile-nav-open .layui-layout-admin .first-nav,
	body.mobile-nav-open .layui-layout-admin.unified-menu-mode .first-nav {
		transform: translateX(0);
		box-shadow: 4px 0 24px rgba(0, 0, 0, 0.28);
	}

	.layui-layout-admin .layui-logo,
	.layui-layout-admin.unified-menu-mode .layui-logo {
		display: none !important;
	}

	.mobile-nav-overlay {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.45);
		z-index: 1001;
	}

	body.mobile-nav-open .mobile-nav-overlay {
		display: block;
	}

	.mobile-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin-right: 4px;
		border: none;
		background: transparent;
		color: #333;
		cursor: pointer;
		flex-shrink: 0;
	}

	.mobile-menu-toggle .layui-icon {
		font-size: 22px;
	}

	/* 顶栏与主区域全宽（覆盖 second_nav_dark 的 left:220px） */
	.layui-layout-admin .layui-header,
	.layui-layout-admin .layui-header-right,
	.layui-layout-admin.unified-menu-mode .layui-header-right {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
	}

	.layui-layout-admin .layui-header-right {
		padding-left: 8px;
		box-sizing: border-box;
	}

	.layui-layout-admin .layui-header-right .layui-header-crumbs {
		flex: 1;
		min-width: 0;
		overflow: hidden;
	}

	.layui-layout-admin .layui-header-right .layui-header-crumbs .layui-header-crumbs-second {
		padding-left: 8px !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: calc(100vw - 180px);
	}

	.layui-layout-admin .layui-body,
	.layui-layout-admin.unified-menu-mode .layui-body {
		left: 0 !important;
		width: 100% !important;
	}

	.layui-layout-admin .layui-body .body-content {
		min-width: 0 !important;
		min-height: auto !important;
		margin: 8px !important;
		padding: 10px !important;
	}

	.layui-layout-admin .layui-body > .fourstage-nav.layui-tab {
		left: 0 !important;
		width: 100% !important;
	}

	/* 顶栏按钮精简 */
	.store-upgrade-nav {
		margin-right: 6px !important;
	}

	.store-upgrade-btn {
		padding: 0 10px !important;
		height: 32px !important;
		line-height: 32px !important;
		font-size: 12px !important;
	}

	.shop-ewm .layui-btn {
		padding: 0 8px !important;
		height: 32px !important;
		line-height: 32px !important;
		font-size: 12px !important;
	}

	.help-btn span {
		display: none;
	}

	.login-box .layui-nav .layui-nav-item > a {
		padding: 0 8px;
		font-size: 13px;
		max-width: 72px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* 表单：纵向堆叠 */
	.layui-form-item .layui-inline {
		display: block !important;
		margin-right: 0 !important;
		margin-bottom: 8px;
		width: 100% !important;
	}

	.layui-form-item .layui-input-inline,
	.layui-form-item .layui-form-label {
		width: auto !important;
	}

	.layui-form-item .layui-input-block {
		margin-left: 0 !important;
	}

	.screen-wrap .layui-form-item .layui-inline {
		width: 100% !important;
	}

	/* 表格横向滚动 */
	.layui-table-view,
	.layui-table-box,
	.table-tab,
	.order-list,
	.goods-list-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.layui-table-view .layui-table {
		min-width: 640px;
	}

	/* 订单列表卡片化（店铺订单/订单列表） */
	.order-list .order-item,
	.order-list .order-header {
		flex-wrap: wrap;
	}

	.order-list .order-header .order-info {
		width: 100%;
		margin-bottom: 6px;
	}

	.order-list .order-body .goods-info {
		flex-wrap: wrap;
	}

	/* 钱包/结算概览 */
	.layui-row > [class*="layui-col-md"],
	.layui-row > [class*="layui-col-sm"],
	.layui-row > [class*="layui-col-lg"] {
		width: 100% !important;
	}

	.wallet-summary,
	.settlement-summary,
	.stat-card-wrap {
		flex-direction: column !important;
	}

	.wallet-summary .summary-item,
	.settlement-summary .summary-item {
		width: 100% !important;
		margin-bottom: 10px;
	}

	/* 店铺升级套餐卡片 */
	.upgrade-plan-list,
	.store-upgrade-cards {
		flex-direction: column !important;
	}

	.upgrade-plan-list .plan-card,
	.store-upgrade-cards .plan-card {
		width: 100% !important;
		margin-bottom: 12px;
	}

	/* 分页 */
	.layui-laypage {
		white-space: normal;
	}

	.layui-laypage a,
	.layui-laypage span {
		margin-bottom: 4px;
	}

	.footer {
		display: none;
	}

	body {
		overflow-x: hidden;
	}

	/* 筛选浮动按钮 */
	.mobile-filter-trigger {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 16px;
		bottom: calc(20px + env(safe-area-inset-bottom));
		z-index: 990;
		height: 44px;
		padding: 0 20px;
		border: none;
		border-radius: 22px;
		background: var(--base-color, #105CFB);
		color: #fff;
		font-size: 14px;
		box-shadow: 0 4px 16px rgba(16, 92, 251, 0.35);
		cursor: pointer;
	}

	body.mobile-filter-open .mobile-filter-trigger {
		bottom: auto;
		top: 64px;
	}

	.screen.mobile-filter-collapsed .layui-colla-content {
		display: none !important;
	}

	body.mobile-filter-open .screen.mobile-filter-collapsed .layui-colla-content.layui-show {
		display: block !important;
		position: fixed;
		left: 8px;
		right: 8px;
		top: 56px;
		bottom: 8px;
		z-index: 980;
		overflow-y: auto;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
		padding: 12px;
		margin: 0;
	}

	/* 隐藏 PC 表格，显示卡片 */
	.mobile-table-hidden {
		display: none !important;
	}

	.mobile-order-cards,
	.mobile-goods-cards {
		display: block;
	}

	.mobile-order-card,
	.mobile-goods-card {
		background: #fff;
		border-radius: 12px;
		padding: 14px;
		margin-bottom: 12px;
		border: 1px solid #eef2f7;
		box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
	}

	.moc-head {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 8px;
		margin-bottom: 10px;
		padding-bottom: 8px;
		border-bottom: 1px solid #f0f2f5;
	}

	.moc-no {
		font-size: 13px;
		font-weight: 600;
		color: #1e293b;
		word-break: break-all;
		flex: 1;
	}

	.moc-time {
		font-size: 11px;
		color: #94a3b8;
		flex-shrink: 0;
	}

	.moc-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 13px;
		padding: 4px 0;
		gap: 8px;
	}

	.moc-label {
		color: #94a3b8;
		flex-shrink: 0;
	}

	.moc-amount {
		color: #ef4444;
		font-weight: 600;
		font-size: 15px;
	}

	.moc-tags {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin: 6px 0;
	}

	.moc-tag,
	.moc-tags .status-tag {
		display: inline-block;
		padding: 2px 10px;
		border-radius: 10px;
		font-size: 12px;
		background: #f1f5f9;
		color: #475569;
	}

	.moc-tags .status-pending {
		background: #fff1f0;
		color: #cf1322;
	}

	.moc-actions {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px dashed #e2e8f0;
	}

	.moc-actions .compact-order-ops,
	.moc-actions .compact-op-trigger {
		display: inline-block;
	}

	.moc-remark {
		margin-top: 8px;
		padding: 8px;
		background: #fff9df;
		color: #d09b4c;
		font-size: 12px;
		border-radius: 6px;
	}

	.moc-product {
		display: flex;
		gap: 10px;
		margin-bottom: 10px;
	}

	.moc-img,
	.mgc-img {
		width: 64px;
		height: 64px;
		border-radius: 8px;
		object-fit: cover;
		border: 1px solid #e2e8f0;
		flex-shrink: 0;
	}

	.moc-product-title,
	.mgc-title {
		font-size: 14px;
		font-weight: 500;
		color: #334155;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.mgc-main {
		display: flex;
		gap: 12px;
		align-items: flex-start;
	}

	.mgc-info {
		flex: 1;
		min-width: 0;
	}

	.mgc-info-top {
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}

	.mgc-text {
		flex: 1;
		min-width: 0;
	}

	.mgc-action-col {
		flex-shrink: 0;
		display: flex;
		align-items: flex-start;
		padding-top: 2px;
	}

	.mgc-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		font-size: 12px;
		color: #64748b;
		margin-top: 6px;
	}

	.mgc-price {
		color: #ef4444;
		font-weight: 600;
		font-size: 15px;
	}

	.mgc-status {
		display: inline-block;
		margin-top: 6px;
		padding: 2px 8px;
		border-radius: 8px;
		font-size: 11px;
		background: #ecfdf5;
		color: #059669;
	}

	.mgc-status.off {
		background: #f1f5f9;
		color: #64748b;
	}

	.mgc-toggle-btn {
		border: none;
		border-radius: 999px;
		padding: 8px 12px;
		font-size: 12px;
		font-weight: 600;
		cursor: pointer;
		white-space: nowrap;
		line-height: 1.2;
	}

	.mgc-toggle-btn.on {
		background: linear-gradient(135deg, #22c55e, #16a34a);
		color: #fff;
	}

	.mgc-toggle-btn.off {
		background: linear-gradient(135deg, #f97316, #ea580c);
		color: #fff;
	}

	.mgc-actions {
		margin-top: 10px;
		padding-top: 8px;
		border-top: 1px solid #f1f5f9;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.mgc-actions a,
	.mgc-actions .table-btn a {
		font-size: 13px !important;
		color: var(--base-color, #105CFB) !important;
	}

	/* 钱包页 */
	.wallet-top {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 20px 16px !important;
		border-radius: 12px !important;
	}

	.wallet-top-left {
		flex-direction: column !important;
		gap: 16px !important;
		width: 100%;
	}

	.wallet-stat-val {
		font-size: 26px !important;
	}

	.wallet-actions {
		width: 100%;
		justify-content: stretch;
	}

	.wallet-actions .layui-btn {
		flex: 1;
		min-width: 0;
		padding: 0 10px !important;
		font-size: 13px !important;
	}

	.wallet-tabs {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 8px !important;
	}

	.wallet-tab {
		padding: 12px 16px !important;
		white-space: nowrap;
		flex-shrink: 0;
	}

	/* Dashboard / 财务报告首页 */
	.sdash-wrap,
	.dash-wrap {
		margin: 0 !important;
		padding: 12px !important;
		min-height: auto !important;
	}

	.sdash-head,
	.dash-head {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 10px;
	}

	.sdash-hero,
	.dash-color-grid,
	.dash-color-grid.row2 {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.sdash-grid3,
	.dash-white-grid,
	.dash-bottom {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.sdash-metrics,
	.dash-shortcuts {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 8px !important;
	}

	.sdash-cat-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.sdash-hero .card .val,
	.dash-card-color .val {
		font-size: 22px !important;
	}

	.sdash-panel,
	.dash-panel {
		padding: 14px !important;
	}

	.dash-period {
		flex-wrap: wrap;
	}

	.dash-period .pbtn {
		flex: 1;
		min-width: calc(33% - 8px);
		text-align: center;
		padding: 8px 10px !important;
		font-size: 13px !important;
	}

	/* Tab 标签横滑 */
	.table-tab > .layui-tab-title {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		display: flex;
		flex-wrap: nowrap;
	}

	.table-tab > .layui-tab-title li {
		flex-shrink: 0;
	}
}

@media screen and (min-width: 769px) {
	.mobile-only {
		display: none !important;
	}

	.mobile-menu-toggle {
		display: none !important;
	}

	.mobile-nav-overlay {
		display: none !important;
	}
}