/* ── Fonts ─────────────────────────────────────────────────────────────────── Loaded via in App.razor for fastest first paint. Do NOT add @import here. ─────────────────────────────────────────────────────────────────────────── */ /* ── Arabic (RTL) font ───────────────────────────────────────────────────── */ @import url('nomidar.styles.css'); html[dir="rtl"] * { font-family: 'Zain', 'Segoe UI', 'Arial', sans-serif !important; } /* ── English (LTR) font IBM Plex Sans──────────────────────────────────────────────────── */ html[dir="ltr"] * { font-family: 'IBM Plex Sans', 'Segoe UI', 'Roboto', 'Arial', sans-serif !important; } /* ── Full-height layout — prevent document scrollbar ────────────────────── */ html, body { font-family: 'Zain', 'Segoe UI', 'Arial', sans-serif !important; height: 100%; overflow: hidden; margin: 0; /* Ensure the body is at least the height of the screen */ min-height: 100vh; /* Shorthand for color, image, repeat, position, and attachment background: #1a1a1a url('images/doha-bg.png') no-repeat center center fixed;*/ /* Ensures the image scales to fill the entire container background-size: cover; */ } /* ── Main content scroll container ──────────────────────────────────────── */ .mud-main-content { height: calc(100vh - var(--mud-appbar-height, 64px)); overflow-y: auto; box-sizing: border-box; /*background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%) !important;*/ } .mud-data-grid .mud-table-toolbar { border-bottom: 2px solid var(--mud-palette-table-lines); } .title-ar { font-family: 'Tajawal', Tahoma, Arial, sans-serif !important; unicode-bidi: isolate !important; } .elegant-card { transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: 1px solid var(--mud-palette-lines-default); } .elegant-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px -8px rgba(0,0,0,0.15) !important; border-color: var(--mud-palette-primary); } /* Limits text to 3 lines and forces exactly 3 lines of height. line-height is 1.5, so 3 lines = 4.5em. */ .elegant-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; height: 4.5em; } [dir="rtl"] .mud-alert .mud-alert-position { text-align: right; justify-content: flex-start !important; } [dir="rtl"] .mud-tab-badge { margin-inline-start: 20px !important; } /* .mud-paper, mud-drawer-content, mud-toolbar { background-color: color-mix(in srgb, var(--mud-palette-surface) 40%, transparent) !important; } .mud-paper { background: rgba(255, 255, 255, 0.1); border-radius: 2rem; backdrop-filter: blur(1px); box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1), inset 0px -9px 0px -8px rgba(255, 255, 255, 1); opacity: 0.6; z-index: -1; filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%); } */ .long-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; min-width:200px; }