/**
 * إطار البوابة: توزيع الصفحة (قائمة + محتوى) وانتقالات ناعمة بين الصفحات
 * الأجزاء: sidebar.css، header.css، bottom-nav.css
 */

body.tnt-portal { margin: 0; background: var(--tnt-bg); }

/* انتقال ناعم بين صفحات البوابة (المتصفحات الداعمة): القائمة والشريط السفلي ثابتان والمحتوى يتلاشى */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .22s; animation-timing-function: ease; }
.tnt .tnt-side { view-transition-name: tnt-side; }
.tnt .tnt-bottom { view-transition-name: tnt-bottom; }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }

.tnt .tnt-shell { display: grid; grid-template-columns: 272px minmax(0, 1fr); min-height: 100vh; }
.tnt .tnt-main { min-width: 0; display: flex; flex-direction: column; }
.tnt .tnt-main__body {
	position: relative; width: 100%; max-width: 1320px; margin: -70px auto 0; padding: 0 32px 48px;
	display: grid; gap: 20px; align-content: start;
	animation: tnt-fade-up .45s var(--tnt-ease);
}
/* البطاقات داخل البوابة: زوايا أنعم وظل أوضح فوق رأس الصفحة */
.tnt .tnt-main__body > .tnt-card:first-child, .tnt .tnt-main__body > .tnt-stats:first-child { box-shadow: var(--tnt-shadow); }

/* الخلفية المعتمة خلف القائمة المنزلقة في الجوال */
.tnt .tnt-scrim { position: fixed; inset: 0; z-index: 90; background: rgba(var(--tnt-navy-950-rgb), .45); backdrop-filter: blur(2px); animation: tnt-fade .2s ease; }
.tnt .tnt-scrim[hidden] { display: none; }

@media (max-width: 960px) {
	.tnt .tnt-shell { grid-template-columns: 1fr; }
	.tnt .tnt-main__body { padding: 0 14px 28px; margin-top: -58px; gap: 16px; }
	/* مساحة لشريط التنقل السفلي */
	body.tnt-portal { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
	body.tnt-drawer-open { overflow: hidden; }
}