/* --- Ümumi CSS Sıfırlama və Dəyişənlər --- */
     :root {
        --primary-color: var(--ems-primary-600);
        --text-dark: var(--ems-neutral-800);
        --text-light: var(--ems-gray-500);
        --bg-color: #f3f4f6;
        --card-bg: var(--ems-neutral-0);
        --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* ⚠️ Yuxarıdakı universal sıfırlama brauzerin `dialog { margin: auto }`
       qaydasını da silir — native `<dialog>` `showModal()` ilə açılanda
       mərkəzdə deyil, SOL-YUXARI küncdə qalırdı (2026-09-11, «Köçürülmüş
       nəticələr» dialoqu). Element selektoru `*`-dan güclüdür, ona görə
       mərkəzləmə burada geri qaytarılır; `padding: 0` qalır — komponent
       öz boşluğunu verir. */
    dialog {
        margin: auto;
    }
    html{
        scroll-behavior: smooth;
        overflow-x: hidden;
    }

    body {
        font-family: var(--font-main);
        background-color: var(--bg-color);
        color: var(--text-dark);
        line-height: 1.6;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        scroll-behavior: smooth;
        /* Hər hansı tək elementin (uzun istifadəçi adı, geniş kart və s.)
           bütün səhifəni üfüqi sürüşdürməsinin qarşısını alır.
           position: sticky header html-ə nəzərən işlədiyi üçün təsirlənmir. */
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }

    /* QA UX-07 (2026-09): AI köməkçi FAB-ı (sağ-alt, sabit, 70px + 24px boşluq)
       səhifənin lap dibindəki cədvəl sətirlərini/pagination-u örtürdü — orada
       artıq aşağı sürüşmək mümkün olmadığı üçün "Əməllər"/status sütunu həmişə
       gizli qalırdı. Hər səhifənin altına FAB-ın en/hündürlüyünə uyğun boş
       sahə qoyulur ki, son sətir/pager ondan yuxarı çıxa bilsin (FAB özü isə
       silinmir, sadəcə üst-üstə düşmür). */
    #main-content {
        padding-bottom: 110px;
    }

    a {
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
    }

    ul {
        list-style: none;
    }

/* ── Utility: gizli element (inline `style="display:none"` əvəzi, CSP) ────
   `!important` YOXDUR — JS `el.style.display = "flex"` ilə aça bilsin
   (bootstrap `d-none` bunu icazə vermir). */
.u-hidden { display: none; }