/* ===========================================================================
   OLDAL-SZÉLESSÉG — a rendszer EGYETLEN szélesség-forrása
   ---------------------------------------------------------------------------
   Minden menüpont azonos szélességű: a százalékos lépcső CSAK itt él, és minden
   felület ugyanezt a fájlt tölti be. MÁSODIK szűkítés (pl. egy `col-lg-10`
   wrapper a tartalom köré, vagy `container-xl` / `container-fluid` a sima
   `container` helyett) TILOS — attól az oldal kilóg a sorból.

   Kit érint:
     .section-container              → a frontend tartalmi oldalai (pl. rendelés)
     body.ns-app-layout .container   → az alkalmazás-oldalak (x-admin-app-layout:
                                       fiókom, statisztika, PM, Napirend, fecnik)
     .nasa-manual .container         → a fejlesztői dokumentáció oldalai

   2026-08-30: kiemelve a `custom.css`-ből önálló fájlba. Azért, mert a
   dokumentáció (`.nasa-manual`) saját, minimális stíluskészlettel dolgozik —
   a teljes `custom.css` betöltése ott átfestette a fejlécet (mérve: a cím
   aranyszínű serif lett a fehér helyett). Így a lépcső egyetlen forrásból jön,
   mellékhatás nélkül. A betöltés a layoutokban `nasaAsset()`-tel történik,
   tehát a módosítás azonnal él (nincs kézi cache-törlés).
   =========================================================================== */

@media (min-width: 1400px) { /* Extra large - xxl */
    .section-container,
    body.ns-app-layout .container,
    .nasa-manual .container {
        width: 80% !important;
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1399.98px) and (min-width: 1200px) { /* Extra large - xl */
    .section-container,
    body.ns-app-layout .container,
    .nasa-manual .container {
        width: 85% !important;
        max-width: 85% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) { /* Large - lg */
    .section-container,
    body.ns-app-layout .container,
    .nasa-manual .container {
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) { /* Medium - md */
    .section-container,
    body.ns-app-layout .container,
    .nasa-manual .container {
        width: 95% !important;
        max-width: 95% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767.98px) { /* Small and below - sm, xs */
    .section-container,
    body.ns-app-layout .container,
    .nasa-manual .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
}