/* =====================================================
   ULIS Login R2A
   RTL physical-edge correction only.
   ===================================================== */


/*
 * Desktop grid is pinned to physical LTR coordinates.
 * Arabic content remains RTL inside its own panels.
 */
@media (min-width:901px) {

  html[dir="rtl"] .login-screen {
    direction:ltr !important;
  }


  /*
   * Arabic:
   * BRAND = physical LEFT
   * LOGIN = physical RIGHT
   */

  html[dir="rtl"] .login-brand {
    grid-column:1 !important;

    direction:rtl !important;

    border-radius:
      26px
      0
      0
      26px !important;

    box-shadow:
      -8px 24px 65px rgba(0,22,38,.24),
      0 4px 16px rgba(0,22,38,.07) !important;
  }


  html[dir="rtl"] .login-card {
    grid-column:2 !important;

    direction:rtl !important;

    border-radius:
      0
      26px
      26px
      0 !important;

    box-shadow:
      8px 24px 65px rgba(0,22,38,.24),
      0 4px 16px rgba(0,22,38,.07) !important;
  }


  /*
   * English:
   * LOGIN = physical LEFT
   * BRAND = physical RIGHT
   */

  html[dir="ltr"] .login-card {
    grid-column:1 !important;

    direction:ltr !important;

    border-radius:
      26px
      0
      0
      26px !important;
  }


  html[dir="ltr"] .login-brand {
    grid-column:2 !important;

    direction:ltr !important;

    border-radius:
      0
      26px
      26px
      0 !important;
  }
}


/* =====================================================
   PASSWORD CONTROL — MATCH LANGUAGE DIRECTION
   ===================================================== */

html[dir="rtl"]
.login-card
.password-input-wrap
input {
  border-radius:
    0
    10px
    10px
    0 !important;

  border-left:0 !important;
}


html[dir="rtl"]
.login-card
.password-visibility-toggle {
  border-radius:
    10px
    0
    0
    10px !important;

  border-left:
    1px solid
    #cbdce4 !important;

  border-right:
    1px solid
    #cbdce4 !important;
}


html[dir="ltr"]
.login-card
.password-input-wrap
input {
  border-radius:
    10px
    0
    0
    10px !important;

  border-right:0 !important;
}


html[dir="ltr"]
.login-card
.password-visibility-toggle {
  border-radius:
    0
    10px
    10px
    0 !important;

  border-right:
    1px solid
    #cbdce4 !important;

  border-left:
    1px solid
    #cbdce4 !important;
}


/*
 * Mobile retains the R2 top/bottom composition,
 * so no physical left/right radius override is applied.
 */