/* ===================================================================
   Noya AI Business Studio — PWA Install Button & iOS Sheet
   (shared across the landing page and the studio workspace page)
   =================================================================== */

/* اطمینان از مخفی‌ماندن واقعیِ دکمه تا وقتی مرورگر نصب را ممکن اعلام کند
   (دفاعی: برخی ریست‌های CSS مقدار display پیش‌فرض [hidden] را بازنویسی می‌کنند). */
.noya-pwa-install[hidden] { display: none !important; }

.noya-pwa-install {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

/* نسخه‌ی کوچک دکمه‌ی نصب در نوار منوی صفحه‌ی نمایشی */
.noya-land__installnav {
	border: 1px solid rgba(255,255,255,.28);
	background: rgba(255,255,255,.06);
	color: inherit;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	padding: 8px 14px;
	border-radius: 30px;
	cursor: pointer;
	transition: background .18s ease;
}

/* در نوار منوی روشن (پس‌زمینه‌ی سفید/شیشه‌ای)، رنگ متن باید تیره باشد */
.noya-land__nav .noya-land__installnav {
	color: var(--nl-teal-dark);
	border-color: rgba(15,82,87,.18);
	background: transparent;
}
.noya-land__nav .noya-land__installnav:hover { background: var(--nl-teal-050); }

/* ---------------- راهنمای نصب iOS ---------------- */
.noya-pwa-ios-sheet, .noya-pwa-generic-sheet {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: rgba(5, 25, 27, 0.55);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}
.noya-pwa-ios-sheet[hidden], .noya-pwa-generic-sheet[hidden] { display: none !important; }

.noya-pwa-ios-sheet__panel {
	position: relative;
	width: 100%;
	max-width: 420px;
	background: #fff;
	border-radius: 20px 20px 0 0;
	padding: 26px 24px 30px;
	direction: rtl;
	text-align: right;
	box-shadow: 0 -18px 50px -20px rgba(0,0,0,.4);
	animation: noya-pwa-sheet-up .28s ease;
}
@media (min-width: 560px) {
	.noya-pwa-ios-sheet, .noya-pwa-generic-sheet { align-items: center; }
	.noya-pwa-ios-sheet__panel { border-radius: 20px; }
}
@keyframes noya-pwa-sheet-up {
	from { transform: translateY(24px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

.noya-pwa-ios-sheet__close {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	background: #f2f5f4;
	color: #5c6b6a;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
.noya-pwa-ios-sheet__close:hover { background: #e4ebea; }

.noya-pwa-ios-sheet__panel h3 {
	margin: 0 0 16px;
	font-size: 17px;
	font-weight: 800;
	color: #14201f;
	padding-left: 30px;
}
.noya-pwa-ios-sheet__panel ol {
	margin: 0;
	padding: 0 20px 0 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.noya-pwa-ios-sheet__panel li {
	font-size: 13.5px;
	line-height: 1.9;
	color: #3a4544;
}
.noya-pwa-ios-sheet__panel strong { color: #0F5257; }