/* ==========================================================

   ۱. تنظیمات لوگوی کوچک بالای سمت چپ در Navbar (تمام صفحات)

   ========================================================== */

header img, a[class*="Logo"] img, .navbar-brand img, img[alt*="Superset"] {

    height: 36px !important;            /* ارتفاع لوگوی کوچک هدر */

    max-height: 36px !important;

    width: auto !important;

    object-fit: contain !important;

}


/* ==========================================================

   ۲. اصلاح فرم لاگین و تزریق لوگوی اختصاصی بالای آن

   ========================================================== */

form[aria-label="Login"] {

    position: relative !important;

    

    /* [تنظیم ارتفاع بالای فرم] ایجاد فضای خالی بالای فرم برای قرارگیری لوگو */

    padding-top: 170px !important;       /* ارتفاع فضای بالا جهت قرار گرفتن تصویر لوگو */

    

    /* [پوشش تصویر پس‌زمینه] قرار دادن لوگو در بالای فرم لاگین */

    background-image: url("/static/center-logo.png?v=100") !important;

    background-repeat: no-repeat !important;

    

    /* [پایین‌تر آوردن لوگو] موقعیت افقی: مرکز (center) / موقعیت عمودی: 25px از بالای فرم */

    background-position: center 25px !important; 

    

    /* [عرض و سایز لوگو] اندازه خود تصویر لوگو */

    background-size: 220px auto !important;

    

    /* [تنظیم گوشه‌های کادر] گرد بودن گوشه‌های کل کادر لاگین */

    border-radius: 12px !important;

    

    /* [عرض فرم لاگین] کمتر کردن عرض کل فرم لاگین جهت شکیل‌تر شدن */

    max-width: 400px !important;         /* اگر خواستید فرم باریک‌تر شود این را 380px کنید */

    margin-left: auto !important;

    margin-right: auto !important;

}


/* ==========================================================

   ۳. تنظیم فاصله عنوان Sign in از لوگو

   ========================================================== */

form[aria-label="Login"] > *:first-child,

form[aria-label="Login"] h1,

form[aria-label="Login"] .legend {

    margin-top: 10px !important;         /* فاصله متن Sign in از لوگوی بالا */

}